* {
  box-sizing: border-box
}

@font-face {
  font-family: 'bistro_scriptregular';
  src: url('bistro_script-webfont.woff2') format('woff2'),
       url('bistro_script-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'recursivesans_linear_light';
  src: url('recursive-variablefont_caslcrsvmonoslntwght-webfont.woff2') format('woff2'),
       url('recursive-variablefont_caslcrsvmonoslntwght-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
html {
  font-size: 14px;
  line-height: 1.15;  
  -webkit-text-size-adjust: 100%
}

body {
  
  margin: 0;
  top: 0 !important
}

main {
  display: block
}

h1 {
  font-size: 2rem
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  line-height: 1.5;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-width: 1px;
  border-color: rgba(0, 0, 0, .1);
  opacity: 1;
  margin: 1.5rem 0
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

ol,
ul {
  list-style: none;
  padding: 0;
  margin: 0
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

img {
  border-style: none;
  max-width: 100%;
  display: block
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

.hidden,
[hidden] {
  display: none
}

* {
  font-smoothing: antialiased
}

body {
  font-family: "Roboto", sans-serif;
  overflow-x: hidden
}

h1,
.h1 {
  font-family: "Roboto", sans-serif;
  font-size: 2rem
}

@media screen and (min-width: 768px) {

  h1,
  .h1 {
      font-size: 2.3rem
  }
}

@media screen and (min-width: 1240px) {

  h1,
  .h1 {
      font-size: 2.6rem
  }
}

h2,
.h2 {
  font-family: "Roboto", sans-serif;
  font-size: 1.75rem
}

@media screen and (min-width: 768px) {

  h2,
  .h2 {
      font-size: 2.0125rem
  }
}

@media screen and (min-width: 1240px) {

  h2,
  .h2 {
      font-size: 2.275rem
  }
}

h3,
.h3 {
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem
}

@media screen and (min-width: 768px) {

  h3,
  .h3 {
      font-size: 1.725rem
  }
}

@media screen and (min-width: 1240px) {

  h3,
  .h3 {
      font-size: 1.95rem
  }
}

h4,
.h4 {
  font-family: "Roboto", sans-serif;
  font-size: 1.25rem
}

@media screen and (min-width: 768px) {

  h4,
  .h4 {
      font-size: 1.4375rem
  }
}

@media screen and (min-width: 1240px) {

  h4,
  .h4 {
      font-size: 1.625rem
  }
}

h5,
.h5 {
  font-family: "Roboto", sans-serif;
  font-size: 1.125rem
}

@media screen and (min-width: 768px) {

  h5,
  .h5 {
      font-size: 1.29375rem
  }
}

@media screen and (min-width: 1240px) {

  h5,
  .h5 {
      font-size: 1.4625rem
  }
}

h6,
.h6 {
  font-family: "Roboto", sans-serif;
  font-size: 1rem
}

@media screen and (min-width: 768px) {

  h6,
  .h6 {
      font-size: 1.15rem
  }
}

@media screen and (min-width: 1240px) {

  h6,
  .h6 {
      font-size: 1.3rem
  }
}

a,
a>div {
  color: #471e3e
}

a:hover,
a>div:hover {
  color: #471e3e
}

button {
  cursor: pointer
}

.entry-content iframe,
.map__description iframe,
.entry-content embed,
.map__description embed,
.entry-content .tableauPlaceholder,
.map__description .tableauPlaceholder,
.entry-content .wp-caption,
.map__description .wp-caption {
  max-width: 100%
}

.entry-content .wp-caption:not([class*=align]),
.map__description .wp-caption:not([class*=align]) {
  margin: 0 0 .85rem 0
}

.entry-content .wp-caption .wp-caption-text,
.map__description .wp-caption .wp-caption-text {
  font-size: .9rem;
  color: #333;
  line-height: 1.4;
  margin-top: .35rem
}

.entry-content h1,
.map__description h1,
.entry-content h2,
.map__description h2,
.entry-content h3,
.map__description h3,
.entry-content h4,
.map__description h4,
.entry-content h5,
.map__description h5,
.entry-content h6,
.map__description h6,
.entry-content p,
.map__description p {
  margin-bottom: 1.175rem
}

.entry-content p,
.map__description p {
  color: #000;
  font-size: 1rem;
  line-height: 1.5rem;
  overflow-wrap: break-word
}

@media screen and (min-width: 1024px) {

  .entry-content p,
  .map__description p {
      font-size: 1.1rem
  }
}

.entry-content ul,
.map__description ul {
  list-style: disc;
  padding-left: 1rem
}

.entry-content ul li,
.map__description ul li {
  line-height: 1.5rem;
  font-size: 1.1rem
}

.entry-content ul li+li,
.map__description ul li+li {
  margin-top: .625rem
}

.entry-content blockquote,
.map__description blockquote {
  padding: .75rem 1rem;
  margin-top: 10px;
  margin-bottom: 1.75rem;
  border-left: 4px solid rgba(105, 48, 58, .7);
  background-color: #e0e0e0;
  color: #000
}

@media screen and (min-width: 768px) {

  .entry-content blockquote,
  .map__description blockquote {
      margin-left: 2rem;
      margin-right: 2rem;
      padding: 1rem 1.25rem
  }
}

.entry-content blockquote *,
.map__description blockquote * {
  font-size: 1.35rem;
  margin-bottom: -1px;
  line-height: 1.35
}

.entry-content img,
.map__description img {
  height: auto !important;
  max-width: 100% !important;
  border-radius: 8px
}

@media screen and (max-width: 480px) {

  .entry-content img,
  .map__description img {
      display: block;
      margin: 0 0 1rem 0;
      width: 100% !important
  }
}

.alignnone {
  margin: 0 0 .85rem 0
}

.alignright {
  float: right !important;
  margin: 0 0 .85rem .85rem
}

.alignleft {
  float: left !important;
  margin: 0 .85rem .85rem 0
}

.aligncenter {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important
}

@media screen and (min-width: 1024px) {

  .alignfull,
  .alignwide {
      margin-bottom: 2em;
      margin-left: 50%;
      transform: translateX(-50%)
  }

  .alignwide {
      width: 75vw
  }

  .alignfull {
      width: 100vw;
      max-width: none
  }
}

.slick {
  display: none
}

.slick.slick-initialized {
  display: block
}

.container,
.search-container,
.search-heading,
.contato-forms,
.dropdown__general__container,
.single_button,
.post-count-filter,
.detail__product,
.secao-gestambiental:nth-child(even) .gestambiental__item,
.gestambiental__item,
.vejatambem,
.respsocial:nth-child(even) .respsocial__item,
.respsocial__item,
.bmsection__item,
.footer__copyright,
.footer__container,
.breadcrumb,
.bar-nav__container,
.bar-actions__container,
.container--md,
.container--sm {
  max-width: 1240px;
  padding: 0 1rem;
  margin: 0 auto
}

.container--sm {
  max-width: 768px
}

.container--md {
  max-width: 1024px
}

.overflow-hidden {
  overflow: hidden
}

.responsive-embed,
.about-video__embed {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
  max-width: 100%;
  border-radius: 8px;
  background-color: #000
}

.responsive-embed iframe,
.about-video__embed iframe,
.responsive-embed object,
.about-video__embed object,
.responsive-embed embed,
.about-video__embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.section,
.section-base,
.not__found,
.section-filters {
  padding-top: 60px;
  padding-bottom: 60px
}

.menu-produtos-container li:last-child a{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 38px;
  color: #69303a;
  background: rgba(0, 0, 0, 0);
  border: none;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
}

.section-title,
.section-base__title,
.section-filters__title {
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 30px;
  font-size: 1.75rem
}

@media screen and (min-width: 768px) {

  .section-title,
  .section-base__title,
  .section-filters__title {
      font-size: 2.175rem
  }
}

.section-title--bold,
.section-base__title--bold {
  font-weight: 400
}

.shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1)
}

.shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1)
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)
}

.shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1)
}

.shadow-2xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
  -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
}

.row {
  display: flex;
  flex-flow: row wrap;
  gap: 32px 0;
  margin: 0 -16px
}

.justify-center {
  justify-content: center
}

.justify-start {
  justify-content: start
}

.justify-end {
  justify-content: end
}

.justify-around {
  justify-content: space-around
}

.justify-between {
  justify-content: space-between
}

.justify-evenly {
  justify-content: space-evenly
}

.align-center {
  align-items: center
}

.align-start {
  align-items: start
}

.align-end {
  align-items: end
}

.col-1 {
  width: 8.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem
}

.col-2 {
  width: 16.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem
}

.col-3 {
  width: 25%;
  padding-left: 1rem;
  padding-right: 1rem
}

.col-4 {
  width: 33.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem
}

.col-5 {
  width: 41.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem
}

.col-6 {
  width: 50%;
  padding-left: 1rem;
  padding-right: 1rem
}

.col-7 {
  width: 58.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem
}

.col-8 {
  width: 66.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem
}

.col-9 {
  width: 75%;
  padding-left: 1rem;
  padding-right: 1rem
}

.col-10 {
  width: 83.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem
}

.col-11 {
  width: 91.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem
}

.col-12 {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem
}

@media screen and (min-width: 480px) {
  .justify-sm-center {
      justify-content: center
  }

  .justify-sm-start {
      justify-content: start
  }

  .justify-sm-end {
      justify-content: end
  }

  .justify-sm-around {
      justify-content: space-around
  }

  .justify-sm-between {
      justify-content: space-between
  }

  .justify-sm-evenly {
      justify-content: space-evenly
  }

  .align-sm-center {
      align-items: center
  }

  .align-sm-start {
      align-items: start
  }

  .align-sm-end {
      align-items: end
  }

  .col-sm-1 {
      width: 8.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-sm-2 {
      width: 16.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-sm-3 {
      width: 25%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-sm-4 {
      width: 33.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-sm-5 {
      width: 41.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-sm-6 {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-sm-7 {
      width: 58.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-sm-8 {
      width: 66.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-sm-9 {
      width: 75%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-sm-10 {
      width: 83.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-sm-11 {
      width: 91.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-sm-12 {
      width: 100%;
      padding-left: 1rem;
      padding-right: 1rem
  }
}

@media screen and (min-width: 768px) {
  .justify-md-center {
      justify-content: center
  }

  .justify-md-start {
      justify-content: start
  }

  .justify-md-end {
      justify-content: end
  }

  .justify-md-around {
      justify-content: space-around
  }

  .justify-md-between {
      justify-content: space-between
  }

  .justify-md-evenly {
      justify-content: space-evenly
  }

  .align-md-center {
      align-items: center
  }

  .align-md-start {
      align-items: start
  }

  .align-md-end {
      align-items: end
  }

  .col-md-1 {
      width: 8.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-md-2 {
      width: 16.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-md-3 {
      width: 25%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-md-4 {
      width: 33.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-md-5 {
      width: 41.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-md-6 {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-md-7 {
      width: 58.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-md-8 {
      width: 66.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-md-9 {
      width: 75%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-md-10 {
      width: 83.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-md-11 {
      width: 91.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-md-12 {
      width: 100%;
      padding-left: 1rem;
      padding-right: 1rem
  }
}

@media screen and (min-width: 1024px) {
  .justify-lg-center {
      justify-content: center
  }

  .justify-lg-start {
      justify-content: start
  }

  .justify-lg-end {
      justify-content: end
  }

  .justify-lg-around {
      justify-content: space-around
  }

  .justify-lg-between {
      justify-content: space-between
  }

  .justify-lg-evenly {
      justify-content: space-evenly
  }

  .align-lg-center {
      align-items: center
  }

  .align-lg-start {
      align-items: start
  }

  .align-lg-end {
      align-items: end
  }

  .col-lg-1 {
      width: 8.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-lg-2 {
      width: 16.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-lg-3 {
      width: 25%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-lg-4 {
      width: 33.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-lg-5 {
      width: 41.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-lg-6 {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-lg-7 {
      width: 58.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-lg-8 {
      width: 66.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-lg-9 {
      width: 75%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-lg-10 {
      width: 83.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-lg-11 {
      width: 91.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-lg-12 {
      width: 100%;
      padding-left: 1rem;
      padding-right: 1rem
  }
}

@media screen and (min-width: 1240px) {
  .justify-xl-center {
      justify-content: center
  }

  .justify-xl-start {
      justify-content: start
  }

  .justify-xl-end {
      justify-content: end
  }

  .justify-xl-around {
      justify-content: space-around
  }

  .justify-xl-between {
      justify-content: space-between
  }

  .justify-xl-evenly {
      justify-content: space-evenly
  }

  .align-xl-center {
      align-items: center
  }

  .align-xl-start {
      align-items: start
  }

  .align-xl-end {
      align-items: end
  }

  .col-xl-1 {
      width: 8.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xl-2 {
      width: 16.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xl-3 {
      width: 25%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xl-4 {
      width: 33.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xl-5 {
      width: 41.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xl-6 {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xl-7 {
      width: 58.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xl-8 {
      width: 66.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xl-9 {
      width: 75%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xl-10 {
      width: 83.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xl-11 {
      width: 91.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xl-12 {
      width: 100%;
      padding-left: 1rem;
      padding-right: 1rem
  }
}

@media screen and (min-width: 1536px) {
  .justify-xxl-center {
      justify-content: center
  }

  .justify-xxl-start {
      justify-content: start
  }

  .justify-xxl-end {
      justify-content: end
  }

  .justify-xxl-around {
      justify-content: space-around
  }

  .justify-xxl-between {
      justify-content: space-between
  }

  .justify-xxl-evenly {
      justify-content: space-evenly
  }

  .align-xxl-center {
      align-items: center
  }

  .align-xxl-start {
      align-items: start
  }

  .align-xxl-end {
      align-items: end
  }

  .col-xxl-1 {
      width: 8.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xxl-2 {
      width: 16.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xxl-3 {
      width: 25%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xxl-4 {
      width: 33.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xxl-5 {
      width: 41.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xxl-6 {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xxl-7 {
      width: 58.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xxl-8 {
      width: 66.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xxl-9 {
      width: 75%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xxl-10 {
      width: 83.3333333333%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xxl-11 {
      width: 91.6666666667%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .col-xxl-12 {
      width: 100%;
      padding-left: 1rem;
      padding-right: 1rem
  }
}

.about-video {
  display: grid;
  align-items: center;
  gap: 2rem;
  grid-template-columns: 1fr
}

.about-video a {
  text-decoration: none
}

@media screen and (max-width: 480px) {
  .about-video a {
      position: absolute
  }
}

@media screen and (min-width: 768px) {
  .about-video {
      grid-template-columns: 3.5fr 5.5fr 3fr
  }
}

@media screen and (min-width: 1240px) {
  .about-video {
      grid-template-columns: 3fr 6fr 2fr
  }
}

.about-video__title h2 {
  line-height: 1.2;
  color: #69303a;
  font-family: 'bistro_scriptregular';
  font-size: 3em;
  text-align: center;
  margin-bottom: 16px;
  font-weight: normal;
  text-shadow: 0 0 1px #471e3e
}

@media screen and (min-width: 768px) {
  .about-video__title h2 {
      font-size: 2.6rem
  }
}

@media screen and (min-width: 1240px) {
  .about-video__title h2 {
      font-size: 3rem
  }
}

@media screen and (max-width: 480px) {
  .about-video__title h2 br {
      display: none
  }
}

.about-video__title span {
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.1
}

@media screen and (max-width: 480px) {
  .about-video__title span {
      font-size: 3rem;
      font-weight: normal;
      line-height: 1.2
  }
}

.about-video__title img {
  width: 80%;
  margin: 0 auto
}

@media screen and (min-width: 768px) {
  .about-video__title img {
      width: 100%
  }
}

@media screen and (max-width: 768px) {
  .about-text a {
      margin-left: 50%;
      transform: translate(-50%)
  }
}

.about-video__description {
  margin-bottom: 32px;
  line-height: 1.4
}

.bar-actions {
  padding: 10px 0;
  background-color: #e7deca
}

@media screen and (min-width: 1024px) {
  .bar-actions {
      padding: 12px 0
  }
}

.bar-actions form {
  margin-bottom: 0
}

.bar-actions input::placeholder {
 color: #a7aaac;
}
.bar-actions input {
  height: 30px;
  padding: .925rem 1.375rem;
  border: solid 1px #978470;
  border-radius: 4px;
  font-weight: 500;
  color: #5a5a5a
}

.bar-actions input:focus {
  color: #2d2d2d
}

.bar-actions button {
  height: 30px;
  border: none;
  border-radius: 4px;
  cursor: pointer
}

.bar-actions button:hover {
  transition: all 200ms
}

.bar-actions button:focus {
  box-shadow: 0 0 0 4px rgba(159, 133, 112, .4)
}

.bar-actions__container {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr
}

@media screen and (min-width: 768px) {
  .bar-actions__container {
      grid-template-columns: 8fr 5fr
  }
}

.bar-actions__newsletter {
  display: none;
  align-items: center
}

@media screen and (min-width: 768px) {
  .bar-actions__newsletter {
      display: flex
  }
}

.bar-actions__newsletter fieldset {
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: start;
  gap: 1rem
}

.bar-actions__newsletter fieldset legend {
  font-size: 1rem;
  display: contents;
  max-width: 180px
}

.bar-actions__newsletter input#name {
  max-width: 150px;
  font-size: .8rem;
  letter-spacing: .5px
}

.bar-actions__newsletter input#email {
  font-size: .8rem;
  letter-spacing: .5px
}

.bar-actions__newsletter button {
  padding: 0 1rem;
  line-height: 1;
  background-color: #978470;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: .9rem
}

.bar-actions__newsletter button:hover {
  background-color: #937863
}

.bar-actions__search-and-langs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem
}

@media screen and (min-width: 768px) {
  .bar-actions__search-and-langs {
      justify-content: flex-end
  }
}

.bar-actions__search-and-langs button {
  overflow: hidden;
  color: rgba(0, 0, 0, 0);
  width: 30px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-size: 26px;
  background-position: center;
  background-repeat: no-repeat
}

.bar-actions__search-and-langs button:hover {
  background-color: rgba(159, 133, 112, .1)
}

input#search {
  font-size: .8rem;
  letter-spacing: .5px
}

.bar-actions__search {
  display: none;
  position: relative
}

@media screen and (min-width: 1024px) {
  .bar-actions__search {
      display: block
  }
}

.bar-actions__search input {
  padding-right: 44px
}

.bar-actions__search button {
  position: absolute;
  right: 0;
  top: 0;
  background-size: 20px;
  background-image: url("../images/icons/search.svg")
}

@media screen and (max-width: 1024px) {
  .bar-actions__search button {
      background-image: url("../images/icons/search-white.svg")
  }
}

.bar-actions__langs ul {
  display: flex
}

.bar-actions__langs button[data-lang=br] {
  background-image: url("../images/icons/lang-br.svg")
}

@media screen and (max-width: 768px) {
  .bar-actions__langs button[data-lang=br] {
      background-image: url("../images/icons/lang-br-purple.svg")
  }
}

.bar-actions__langs button[data-lang=usa] {
  background-image: url("../images/icons/lang-usa.svg")
}

@media screen and (max-width: 768px) {
  .bar-actions__langs button[data-lang=usa] {
      background-image: url("../images/icons/lang-usa-purple.svg")
  }
}

.bar-actions__langs button[data-lang=ch] {
  background-image: url("../images/icons/lang-ch.svg")
}

@media screen and (max-width: 768px) {
  .bar-actions__langs button[data-lang=ch] {
      background-image: url("../images/icons/lang-ch-purple.svg")
  }
}

.bar-nav {
  width: 100%;
  padding-top: .5rem;
  background-color: #471e3e;
  transition: 400ms all
}

@media screen and (max-width: 1024px) {
  .bar-nav {
      padding-top: 1.2rem;
      padding-bottom: 1.2rem
  }
}

.bar-nav--fixed {
  position: fixed;
  top: 0;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
  z-index: 50
}

.bar-nav--fixed .bar-nav__brand-link {
  transition: all 1s ease
}

.bar-nav--fixed .bar-nav__brand-link img {
  height: 46px
}

@media screen and (min-width: 1024px) {
  .bar-nav--fixed .bar-nav__brand-link img {
      height: 84px
  }
}

@media screen and (max-width: 1024px) {
  .bar-nav--fixed {
      position: relative
  }
}

form#searchform:has(div>input.mobile-search-input) {
  height: 39px
}

form#searchform:has(div>input.mobile-search-input) input[type=text] {
  height: 39px
}

form#searchform:has(div>input.mobile-search-input) button[type=submit] {
  height: 30px
}

.bar-nav__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center
}

@media screen and (min-width: 1024px) {
  .bar-nav__container {
      align-items: flex-end
  }
}

@media screen and (max-width: 1024px) {
  .bar-nav__container {
      flex-direction: row-reverse
  }
}

.bar-nav__container .mobile-search {
  display: none;
  height: 30px;
  z-index: 9999
}

.bar-nav__container .mobile-search input {
  height: 100%;
  visibility: hidden;
  width: 0px;
  font-size: 1rem !important;
  padding: 10px;
  outline: none;
  border: none;
  border-radius: 5px;
  color: #69303a;
  transition: all 1s ease
}

.bar-nav__container .mobile-search button {
  opacity: 0;
  transition: all 1s ease;
  height: 100%;
  position: relative;
  background-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  border: none;
  width: 30px
}

@media screen and (max-width: 1024px) {
  .bar-nav__container .mobile-search {
      display: block !important
  }
}

.bar-nav__container .mobile-search-active input {
  width: 260px
}

@media screen and (min-width: 1024px) {
  .bar-nav__brand-link {
      margin-bottom: 1rem
  }
}

@media screen and (max-width: 1024px) {
  .bar-nav__brand-link {
      width: 145px;
      position: absolute;
      left: 50%;
      top: 0;
      bottom: -1px;
      transform: translate(-50%);
      transition: all .5s ease
  }

  .bar-nav__brand-link h1 {
      transform: scale(1.2)
  }
}

.bar-nav__brand-link img {
  height: 54px;
  width: auto;
  transition: 400ms height
}

@media screen and (min-width: 1024px) {
  .bar-nav__brand-link img {
      height: 70px
  }
}

.bar-nav__button-menu {
  opacity: 0;
  transition: all 1s ease;
  border: none;
  height: 2.75rem;
  width: 2.75rem;
  background-color: #471e3e;
  color: #fff;
  border-radius: 500px;
  font-size: 1.825rem
}

@media screen and (min-width: 1024px) {
  .bar-nav__button-menu {
      display: none
  }
}

.bar-nav__button-menu:focus {
  opacity: 1;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .4)
}

.bar-nav__menu {
  width: 100%;
  padding-left: 150px
}

@media screen and (max-width: 1024px) {
  .bar-nav__menu {
      display: none
  }
}

.bar-nav__menu .primary-menu {
  display: flex;
  min-width: 100%;
  justify-content: space-between
}

.bar-nav__menu li {
  width: auto;
  min-width: 110px;
  position: relative;
}
.bar-nav__menu li:last-child{
  min-width: 130px;
}

.bar-nav__menu li:after {
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 30px;
  width: 110px;
  opacity: .9;
  cursor: pointer;
  background-image: url("../images/detail-yy-white-up.svg");
  background-position: left bottom;
  background-size: 110px 15px;
  background-repeat: no-repeat
}

.bar-nav__menu li:hover:after,
.bar-nav__menu li.current_page_item:after {
  content: ""
}

.bar-nav__menu li a {
  display: block;
  width: 100%;
  padding: 30px 1rem;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-weight: lighter
}

.bar-nav__menu li.menu-item-has-children {
  position: relative
}

.bar-nav__menu li.menu-item-has-children:hover .sub-menu {
  transition: 400ms all;
  max-height: 700px;
  padding: 0 .5rem
}

.bar-nav__menu li.menu-item-has-children:hover .sub-menu * {
  opacity: 1;
  transition: 200ms all
}

.bar-nav__menu li.menu-item-has-children:last-child:after,
.bar-nav__menu li.menu-item-has-children:nth-last-child(-n+2):after,
.bar-nav__menu li.menu-item-has-children:nth-last-child(-n+3):after {
  right: 0;
  left: auto
}

.bar-nav__menu li.menu-item-has-children:last-child .sub-menu,
.bar-nav__menu li.menu-item-has-children:nth-last-child(-n+2) .sub-menu,
.bar-nav__menu li.menu-item-has-children:nth-last-child(-n+3) .sub-menu {
  right: 0;
  border-radius: 8px 0 8px 8px;
  transform: translateX(-10px)
}

.bar-nav__menu li.menu-item-has-children:last-child .sub-menu:after,
.bar-nav__menu li.menu-item-has-children:nth-last-child(-n+2) .sub-menu:after,
.bar-nav__menu li.menu-item-has-children:nth-last-child(-n+3) .sub-menu:after {
  right: 0;
  left: auto
}

.bar-nav__menu li .sub-menu {
  position: relative;
  max-height: 0;
  width: 250px;
  overflow: hidden;
  transform: translateX(10px);
  background-color: rgba(255, 255, 255, .9);
  border-radius: 0 8px 8px 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15), 0 1px 2px -1px rgba(0, 0, 0, .15)
}

@media screen and (min-width: 768px) {
  .bar-nav__menu li .sub-menu {
      position: absolute;
      z-index: 50
  }
}

.bar-nav__menu li .sub-menu li:after {
  display: none
}

.bar-nav__menu li .sub-menu li:hover:after {
  display: none
}

.bar-nav__menu li .sub-menu li a {
  height: 90px;
  padding-left: 80px;
  display: flex;
  align-items: center;
  text-align: left;
  background-position: left top;
  background-size: 50px 48px;
  background-repeat: no-repeat;
  background-position: 16px center
}

.bar-nav__menu li .sub-menu li a[href*=barra-mansa] {
  background-image: url("../images/icons/nav-barramansa.svg") !important
}

.bar-nav__menu li .sub-menu li a[href*=bem-estar-animal] {
  background-image: url("../images/icons/nav-bem-estar-animal.svg")
}

.bar-nav__menu li .sub-menu li a[href*=certificacoes-e-selos] {
  background-image: url("../images/icons/nav-certificacoes-e-selos.svg")
}

.bar-nav__menu li .sub-menu li a[href*=contato-pessoa-fisica] {
  background-image: url("../images/icons/nav-contato-pessoa-fisica.svg")
}

.bar-nav__menu li .sub-menu li a[href*=contato-pessoa-juridica] {
  background-image: url("../images/icons/nav-contato-pessoa-juridica.svg")
}

.bar-nav__menu li .sub-menu li a[href*=perguntas-frequentes] {
  background-image: url("../images/icons/nav-faq.svg")
}

.bar-nav__menu li .sub-menu li a[href*=gestao-ambiental] {
  background-image: url("../images/icons/nav-gestao-ambiental.svg")
}

.bar-nav__menu li .sub-menu li a[href*=governanca] {
  background-image: url("../images/icons/nav-governanca.svg")
}

.bar-nav__menu li .sub-menu li a[href*=nossa-historia] {
  background-image: url("../images/icons/nav-nossa-historia.svg")
}

.bar-nav__menu li#menu-item-292 .sub-menu li a[href*=oranges] {
  background-image: url("../images/icons/nav-oranges.svg")
}

.bar-nav__menu li .sub-menu li a[href*=politicas-de-cookies-e-privacidade] {
  background-image: url("../images/icons/nav-politicas-de-cookies-e-privacidade.svg")
}

.bar-nav__menu li .sub-menu li a[href*=programas-e-acoes] {
  background-image: url("../images/icons/nav-programas-e-acoes.svg")
}

.bar-nav__menu li .sub-menu li a[href*=quem-somos] {
  background-image: url("../images/icons/nav-quem-somos.svg")
}

.bar-nav__menu li .sub-menu li a[href*=rastreabilidade] {
  background-image: url("../images/icons/nav-rastreabilidade.svg")
}

.bar-nav__menu li .sub-menu li a[href*=responsabilidade-social] {
  background-image: url("../images/icons/nav-responsabilidade-social.svg")
}

.bar-nav__menu li .sub-menu li a[href*=seguranca-de-alimentos] {
  background-image: url("../images/icons/nav-seguranca-de-alimentos.svg")
}

.bar-nav__menu li .sub-menu li a[href*=trabalhe-conosco] {
  background-image: url("../images/icons/nav-trabalhe-conosco.svg")
}

.bar-nav__menu li .sub-menu li a[href*=programa-trainee] {
  background-image: url("../images/icons/nav-programa-trainee.svg")
}

.bar-nav__menu li .sub-menu li+li {
  border-top: solid 1px rgba(0, 0, 0, .15)
}

.bar-nav__menu li .sub-menu a {
  color: #471e3e;
  font-weight: bold;
  font-size: 1rem
}

.bar-nav__menu li .sub-menu a span {
  display: block;
  padding-right: 5px
}

.bar-nav__menu li .sub-menu a:hover span {
  padding-right: 0;
  padding-left: 5px;
  transition: 200ms all
}

.bar-mobile {
  width: 100%;
  position: absolute;
  display: none !important;
  background-color: #471e3e
}

.bar-mobile .bar-actions__newsletter {
  display: none;
  color: #fff
}

@media screen and (max-width: 768px) {
  .bar-mobile .bar-actions__newsletter {
      display: block
  }
}

.bar-mobile .bar-actions__newsletter fieldset {
  display: block;
  padding: 0 16px;
  text-align: left;
  padding-top: 15px;
  position: relative
}

.bar-mobile .bar-actions__newsletter legend {
  display: block;
  width: 100%;
  text-align: left
}

.bar-mobile .bar-actions__newsletter input {
  display: block;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 10px;
  width: 70%;
  max-width: 300px;
  background-color: #fff;
  border-radius: 5px;
  border: none;
  outline-color: #fff;
  font-size: 1rem !important
}

.bar-mobile .bar-actions__newsletter input#name,
.bar-mobile .bar-actions__newsletter input#email {
  padding: 10px;
  max-width: none
}

.bar-mobile .bar-actions__newsletter button {
  background-image: url("../images/btn-white.png");
  background-size: 100%;
  background-color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  border: none;
  height: 39px;
  position: absolute;
  bottom: 10px;
  right: 16px;
  padding: 0 2px;
  padding-bottom: 10px;
  line-height: normal;
  color: #69303a;
  width: 100px;
  height: 42px
}

@media screen and (min-width: 600px) {
  .bar-mobile .bar-actions__newsletter button {
      width: 160px;
      height: 70px
  }
}

.bar-mobile .mobile-dropdown {
  border-top: 1px solid #fff;
  margin: 0 -16px;
  padding: 0 16px;
  padding: 0
}

.bar-mobile .mobile-dropdown:last-of-type {
  border-bottom: 1px solid #fff
}

.bar-mobile .mobile-dropdown:first-of-type {
  margin-top: 10px
}

.bar-mobile .mobile-dropdown .footer__menu-title {
  padding: 20px 35px !important;
  color: #fff !important
}

.bar-mobile .mobile-dropdown .footer__menu-title i {
  color: #fff
}

.bar-mobile .mobile-dropdown .footer__menu-title {
  height: 60px;
  padding: 20px 35px !important;
  color: #fff !important
}

.bar-mobile .mobile-dropdown .footer__menu-title i {
  color: #fff
}

.bar-mobile .mobile-dropdown .footer__menu-items ul {
  padding-top: 0;
  padding-bottom: 0
}

.bar-mobile .mobile-dropdown .footer__menu-items ul li {
  padding-top: 7px;
  padding-bottom: 7px
}

nav.mobile-active {
  z-index: 99999;
  display: block !important;
  box-shadow: 2px 14px 10px 4px rgba(0, 0, 0, .33)
}

.menu-mobile-detalhe {
  position: absolute;
  width: 100%
}

.menu-mobile-detalhe svg path {
  box-shadow: 2px 14px 10px 4px rgba(0, 0, 0, .33)
}

.bar-mobile--fixed {
  top: 80px
}

.breadcrumb {
  min-height: 120px;
  display: flex;
  justify-content: start;
  align-items: center;
  font-size: 1rem;
  height: auto
}

.breadcrumb .breadcrumb__track {
  height: auto;
  color: #aeadb3;
  padding-bottom: 20px;
  width: 100%;
  border-bottom: 1px solid #818285
}

.carrer-item {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  min-height: 100%;
  transition: all .2s ease;
  max-width: 400px;
  min-height: 320px;
  display: flex;
    justify-content: center;
    align-items: center;
}

.carrer-item:hover * {
  color: #fff;
  transition: 200ms
}

.carrer-item:hover .carrer-item__link {
  color: #fff;
  background-image: url("../images/btn-purple.png")
}

.carrer-item:hover .carrer-item__thumbnail img {
  transform: scale(1.05)
}

.carrer-item__thumbnail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 100%;
  height: 100%
}

.carrer-item__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transition: 200ms
}

.carrer-item__info {
  padding: 60px 16px;
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff
}

.carrer-item__title {
  font-size: 1.5rem;
  margin-bottom: 16px;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .4)
}

.carrer-item__description {
  line-height: 1.4;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.carrer-item__link {
  height: 50px;
  width: 100%;
  padding-bottom: 8px;
  margin-top: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  text-transform: uppercase;
  color: #69303a;
  background-image: url("../images/btn-white.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%
}

.trabalhe-conosco {
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content
}

.certificate-item {
  position: relative;
  display: block;
  height: 150px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, .4);
  opacity: .5;
  filter: grayscale(1);
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 768px) {
  .certificate-item {
      height: 180px
  }
}

@media screen and (min-width: 1240px) {
  .certificate-item {
      height: 220px
  }
}

.certificate-item:not(.certificate-item--current):hover {
  transition: 400ms;
  filter: grayscale(0.5);
  opacity: .8;
  border: 1px solid rgba(0, 0, 0, .6)
}

.certificate-item:not(.certificate-item--current):hover .certificate-item__icon {
  transition: 100ms;
  zoom: 1.05
}

.certificate-item--current {
  opacity: 1;
  border: none;
  background-color: #e7deca;
  filter: grayscale(0)
}

.certificate-item--current .certificate-item__detail {
  display: block
}

.certificate-item__icon {
  max-width: 70px;
  max-height: 80px
}

@media screen and (min-width: 768px) {
  .certificate-item__icon {
      max-width: 80px;
      max-height: 100px
  }
}

@media screen and (min-width: 1024px) {
  .certificate-item__icon {
      max-width: 100px;
      max-height: 120px
  }
}

.certificate-item__detail {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: -1px;
  left: 0;
  /*filter: invert(1);*/
  display: none
}

.single-certificate #certificate-details {
  padding-top: 0
}

.content-image {
  display: grid;
  gap: 32px;
  grid-template-columns: 1fr
}

@media screen and (min-width: 768px) {
  .content-image {
      grid-template-columns: 1fr 1fr
  }
}

.content-image__thumb {
  width: 40%;
  height: auto;
  max-width: 100%;
  margin: 0 auto
}

@media screen and (min-width: 768px) {
  .content-image__thumb {
      margin: 32px auto 0;
      width: auto;
      max-width: 100%;
      max-height: 320px
  }
}

.footer {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #e7deca
}

.footer__container {
  gap: 32px;
  display: grid;
  grid-template-columns: 1fr
}

@media screen and (min-width: 768px) {
  .footer__container {
      grid-template-columns: 4fr 4fr 4fr
  }
}

@media screen and (min-width: 1024px) {
  .footer__container {
      grid-template-columns: 3fr 7fr 2fr
  }
}

@media screen and (min-width: 1240px) {
  .footer__container {
      grid-template-columns: 2fr 8fr 2fr
  }
}

.footer__brands-and-social {
  display: flex;
  flex-direction: column;
  gap: 32px
}

@media screen and (min-width: 1024px) {
  .footer__brands-and-social {
      gap: 48px
  }
}

.footer__brands {
  text-align: center
}

.footer__brands img {
  height: auto;
  width: 160px;
  max-width: 100%;
  margin: 0 auto
}

@media screen and (min-width: 1024px) {
  .footer__brands img {
      width: auto;
      max-width: 74%
  }
}

@media screen and (min-width: 1240px) {
  .footer__brands img {
      max-width: 85%
  }
}

.footer__brands p {
  margin-top: 38px;
  margin-bottom: 5px;
  color: #69303a;
  font-weight: 500
}

.footer__social ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center
}

.footer__social a {
  height: 2.2rem;
  width: 2.2rem;
  font-size: 1.1rem;
  background-color: #69303a;
  color: #e7deca;
  text-decoration: none;
  list-style: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%
}

.footer__social a:hover {
  transition: 100ms;
  background-color: #fff;
  color: #69303a
}

@media screen and (min-width: 1024px) {
  .footer__sitemap {
      display: grid;
      grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width: 1240px) {
  .footer__sitemap {
      grid-template-columns: repeat(2, 1fr) 1.5fr 1.2FR 1FR;
  }
}

.footer__menu {
  margin: 0 -16px;
  padding: 0 16px
}

@media screen and (max-width: 480px) {
  .footer__menu {
      padding: 0;
      border-top: 1px solid #a6a6a6
  }

  .footer__menu:last-of-type {
      border-bottom: 1px solid #a6a6a6
  }

  .footer__menu .footer__menu-title {
      padding: 0 16px
  }
}

.footer__menu-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 38px;
  color: #69303a;
  background: rgba(0, 0, 0, 0);
  border: none;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
}

@media screen and (min-width: 1024px) {
  .footer__menu-title {
      cursor: unset
  }
}

.footer__menu-title i {
  color: #2d2d2d;
  transition: 100ms
}

@media screen and (min-width: 1024px) {
  .footer__menu-title i {
      display: none !important
  }
}

.footer__menu-title[aria-expanded=true] i {
  transform: rotate(180deg)
}

.footer__menu-items {
  max-height: 0;
  overflow: hidden;
  transition: 400ms
}

@media screen and (min-width: 1024px) {
  .footer__menu-items {
      max-height: 1000px;
      overflow: visible
  }
}

.footer__menu-items ul {
  padding: 10px 0 16px 0
}

@media screen and (max-width: 480px) {
  .footer__menu-items ul {
      padding: 0;
      line-height: 30px
  }
}

.footer__menu-items a {
  display: block;
  text-decoration: none;
  color: #5b5b5b;
  padding: 12px 0;
  font-size: .9rem
}
.footer__copyright p,
address.footer__contact-description{
  color: #5b5b5b;
}

@media screen and (max-width: 480px) {
  .footer__menu-items a {
      color: #69303a
  }
}

.footer__menu-items a:hover {
  transition: 200ms;
  text-decoration: underline
}

@media screen and (max-width: 1024px) {
  .footer__menu-items .menu-item {
      padding: 0 16px;
      border-bottom: 1px solid #e7deca
  }

  .footer__menu-items .menu-item:last-of-type {
      border-bottom: none
  }

  .footer__menu-items .menu-item a[href*=barra-mansa] {
      background-image: url("../images/icons/nav-barramansa.svg") !important;
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }

  .footer__menu-items .menu-item a[href*=bem-estar-animal] {
      background-image: url("../images/icons/nav-bem-estar-animal.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }

  .footer__menu-items .menu-item a[href*=certificacoes-e-selos] {
      background-image: url("../images/icons/nav-certificacoes-e-selos.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }

  .footer__menu-items .menu-item a[href*=contato-pessoa-fisica] {
      background-image: url("../images/icons/nav-contato-pessoa-fisica.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }

  .footer__menu-items .menu-item a[href*=contato-pessoa-juridica] {
      background-image: url("../images/icons/nav-contato-pessoa-juridica.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }

  .footer__menu-items .menu-item a[href*=perguntas-frequentes] {
      background-image: url("../images/icons/nav-faq.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }

  .footer__menu-items .menu-item a[href*=gestao-ambiental] {
      background-image: url("../images/icons/nav-gestao-ambiental.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }

  .footer__menu-items .menu-item a[href*=governanca] {
      background-image: url("../images/icons/nav-governanca.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }

  .footer__menu-items .menu-item a[href*=nossa-historia] {
      background-image: url("../images/icons/nav-nossa-historia.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }
  .footer__menu-items #menu-item-919.menu-item a[href*=oranges],
  .footer__menu-items #menu-item-1923.menu-item a[href*=oranges] {
      background-image: url("../images/icons/nav-oranges.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }

  
#menu-item-1899{
  display: none !important
}
  .footer__menu-items .menu-item a[href*=politicas-de-cookies-e-privacidade] {
      background-image: url("../images/icons/nav-politicas-de-cookies-e-privacidade.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }

  .footer__menu-items .menu-item a[href*=programas-e-acoes] {
      background-image: url("../images/icons/nav-programas-e-acoes.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }

  .footer__menu-items .menu-item a[href*=quem-somos] {
      background-image: url("../images/icons/nav-quem-somos.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }

  .footer__menu-items .menu-item a[href*=rastreabilidade] {
      background-image: url("../images/icons/nav-rastreabilidade.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }

  .footer__menu-items .menu-item a[href*=responsabilidade-social] {
      background-image: url("../images/icons/nav-responsabilidade-social.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }

  .footer__menu-items .menu-item a[href*=seguranca-de-alimentos] {
      background-image: url("../images/icons/nav-seguranca-de-alimentos.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }

  .footer__menu-items .menu-item a[href*=trabalhe-conosco] {
      background-image: url("../images/icons/nav-trabalhe-conosco.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }

  .footer__menu-items .menu-item a[href*=programa-trainee] {
      background-image: url("../images/icons/nav-programa-trainee.svg");
      background-position: left top;
      background-size: 33px 48px;
      background-repeat: no-repeat;
      background-position: 16px center;
      text-align: center
  }
}

.footer__menu-items--active {
  max-height: 1000px
}

@media screen and (max-width: 1024px) {
  .footer__menu-items--active {
      background-color: #fff
  }
}

.footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 10px
}

@media screen and (min-width: 768px) {
  .footer__contacts {
      text-align: right
  }
}

.footer__contact-title {
  color: #2d2d2d;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  height: 38px
}

@media screen and (min-width: 768px) {
  .footer__contact-title {
      justify-content: flex-end
  }
}

.footer__contact-description {
  font-style: normal;
  font-size: .95rem
}

p.footer__contact-description {
  margin-top: -5px;
  color: #69303a;
  font-weight: 600
}

address.footer__contact-description {
  margin-top: 12px
}

.footer__copyright {
  margin-top: 42px
}

.footer__copyright p {
  text-align: center;
  font-size: .75rem;
  line-height: 1.6
}

@media screen and (min-width: 1024px) {
  .footer__copyright p {
      font-size: .925rem
  }
}

.footer__copyright a {
  font-weight: 500;
  text-decoration: underline
}

.footer__copyright a:hover {
  transition: 100ms;
  color: #8c404d
}

.generic-item {
  display: block;
  text-decoration: none;
  min-height: 100%
}

.generic-item:hover .generic-item__info {
  background-color: #471e3e;
  color: #fff;
  transition: 100ms
}

.generic-item:hover .generic-item__view-icon {
  color: #471e3e;
  background-color: #fff;
  transition: 100ms
}

.generic-item:hover .generic-item__view-icon i {
  transform: rotate(360deg);
  transition: 400ms
}

.generic-item--gray .generic-item__info {
  background-color: #f4f1f0;
  border-radius: 0 0 8px 8px;
}

.generic-item--theme-black {
  transition: all .2s ease
}

.generic-item--theme-black .generic-item__info {
  color: #000;
  height: auto !important;
}

.generic-item--theme-black .generic-item__view-icon {
  background-color: #000
}

.generic-item--theme-black:hover {
  transform: scale(1.02)
}

.generic-item--theme-black:hover .generic-item__info {
  background-color: #000
}

.generic-item--theme-black:hover .generic-item__view-icon {
  color: #000
}

.generic-item--theme-red {
  transition: all .2s ease
}

.generic-item--theme-red .generic-item__info {
  color: #69303a
}

.generic-item--theme-red .generic-item__view-icon {
  background-color: #69303a
}

.generic-item--theme-red:hover {
  transform: scale(1.02)
}

.generic-item--theme-red:hover .generic-item__info {
  background-color: #69303a
}

.generic-item--theme-red:hover .generic-item__view-icon {
  color: #69303a
}

.generic-item--theme-purple {
  transition: all .2s ease
}

.generic-item--theme-purple:hover {
  transform: scale(1.02)
}

.generic-item--zoom {
  transition: all .2s ease
}

.generic-item--zoom:hover {
  transform: scale(1.02)
}

.generic-item__thumbnail {
  /*border-top-left-radius: 8px;
  border-top-right-radius: 8px;*/
  border: 1px solid rgba(45, 45, 45, .5);
  border-radius: 8px 0 0 0;
}
.generic-item__thumbnail img {
  width: 100%;
  /*height: 210px;*/
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  border-radius: inherit
}
section.todos.content  .generic-item__thumbnail img,
#home-products-filters .generic-item__thumbnail img {
  height: 210px;
}

@media screen and (min-width: 1240px) {
  section.todos.content  .generic-item__thumbnail img,
  #home-products-filters .generic-item__thumbnail img {
      height: 280px
  }
}

.generic-item__info {
  height: 165px;
  background-color: #fff;
  color: #471e3e;
  padding: 20px 20px 30px 20px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  display: flex;
  gap: 10px;
  justify-content: space-between
}

.generic-item__title {
  font-size: 1.175rem;
  font-weight: 500;
  margin-bottom: 15px
}

.generic-item__title::first-letter {
  text-transform: uppercase
}


.generic-item__excerpt {
  font-size: 1rem
}
/*
@media screen and (min-width: 1024px) {
  .generic-item__excerpt {
      font-size: .9rem
  }
}*/

.generic-item__view-icon {
  height: 40px;
  width: 40px;
  color: #fff;
  background-color: #471e3e;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  font-size: 18px
}

@media screen and (min-width: 1024px) {
  .generic-item__view-icon {
      font-size: 24px;
      height: 52px;
      width: 52px
  }
}

.hero-image {
  position: relative
}

.hero-image--yellow .hero-image__detail {
  filter: invert(98%) sepia(3%) saturate(2366%) hue-rotate(326deg) brightness(89%) contrast(107%)
}
/*
.hero-image--gray .hero-image__detail {
  filter: invert(98%) sepia(57%) saturate(1575%) hue-rotate(294deg) brightness(139%) contrast(89%)
}

.hero-image--white .hero-image__detail {
  filter: invert(1)
}*/

@media screen and (max-width: 768px) {
  .hero-mobile--false {
      display: none
  }
}

.hero-image__thumbnail {
  width: 100%;
  height: 240px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

@media screen and (min-width: 768px) {
  .hero-image__thumbnail {
      height: 340px
  }
}

@media screen and (min-width: 1240px) {
  .hero-image__thumbnail {
      height: 500px
  }
}

.hero-image__detail {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%
}

.hero-slider {
  position: relative;
  overflow: hidden;
  height: 530px;
  background-color: #e7deca
}

@media screen and (max-width: 768px) {
  .hero-slider {
      display: none
  }
}

.hero-slider .slick-slide {
  position: relative;
  z-index: 2
}
.hero-slider .slick-slide .hero-slider__text {
	margin-bottom: 32px !important
}

.hero-slider .slick-slide.slick-active .hero-slider__text {
  top: 0;
  transition: 350ms all;
  opacity: 1
}


.hero-slider .slick-dots {
  position: absolute;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  bottom: 80px;
  display: flex !important;
  gap: 8px
}

.hero-slider .slick-dots .slick-active button {
  background-color: #69303a;
  opacity: 1
}

.hero-slider .slick-dots button {
  height: 16px;
  width: 16px;
  background-color: #fff;
  color: rgba(0, 0, 0, 0);
  opacity: .8;
  border: none;
  border-radius: 500px;
  cursor: pointer
}

.hero-slider__detail {
  position: absolute;
  bottom: -1px;
  left: 0;
 /* filter: invert(98%) sepia(2%) saturate(2366%) hue-rotate(326deg) brightness(89%) contrast(107%)*/
}

.hero-slider__item {
  width: 100vw;
  display: grid;
  grid-template-columns: 7fr 5fr;
  background-color: #69303a
}

.hero-slider__image {
  position: relative;
  height: 530px
}

.hero-slider__image:after {
  content: "";
  height: 100%;
  width: 200px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("../images/hero-separator.svg");
  background-size: 100%;
  background-position: right center
}

.hero-slider__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.hero-slider__text {
  max-width: calc(41.6666666667vw - (100vw - 1240px)/2 - 16px);
  padding: 90px 1rem 1rem;
  text-align: center;
  position: relative;
  z-index: 10;
  top: -200px;
  opacity: 0
}

.hero-slider__text a {
  text-decoration: none;
  padding: 0 15px 15px;
  font-size: 1.075rem;
  line-height: 1.2;
}

.hero-slider__text .standard-button {
  margin: 0 auto
}

.hero-slider__title {
  font-family: 'bistro_scriptregular';
  font-size: 4.375rem;
	font-weight: 400 !important;
	line-height: 1;
  color: #fff;
  margin-bottom: 32px;
  font-weight: normal;
  text-shadow: 0 0 1px #fff
}

.list-carousel {
  position: relative;
  margin-left: 16px;
  margin-right: 16px
}

@media screen and (min-width: 1024px) {
  .list-carousel {
      margin-left: -16px;
      margin-right: -16px
  }
}

.list-carousel .slick-list {
  overflow: visible
}

@media screen and (min-width: 1024px) {
  .list-carousel .slick-list {
      overflow: hidden
  }
}

.list-carousel .slick-track {
  padding-top: 15px !important;
  padding-bottom: 15px !important
}

.list-carousel .slick-slide {
  position: relative;
  z-index: 2;
  margin-left: 12px;
  margin-right: 12px
}

@media screen and (min-width: 1024px) {
  .list-carousel .slick-slide {
      margin-left: 16px;
      margin-right: 16px
  }
}

.list-carousel .slick-arrow {
  position: absolute;
  top: 135px;
/*  transform: translateY(-50%);*/
  z-index: 10;
  background-color: #fff;
  color: #471e3e;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
  height: 54px;
  width: 54px;
  font-size: 1.25rem;
  border: none;
  border-radius: 50%;
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  .list-carousel .slick-arrow {
      height: 60px;
      width: 60px;
      font-size: 1.5rem
  }
}

.list-carousel .slick-arrow:hover {
  transition: 200ms all;
  background-color: #471e3e;
  color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  
}
.list-carousel .slick-arrow:hover i{
  filter: brightness(0) invert(1);
}
.list-carousel .slick-arrow i:before{
  display: none !important;
}
.list-carousel .slick-arrow.slick-disabled {
  display: none !important
}
.list-carousel .slick-prev{
  left: calc(-1.7rem + 6px);
}
.list-carousel .slick-prev i{
  left: calc(-1.7rem + 6px);

  text-indent: -999px;
  background: url(https://www.orangesalimentos.com.br/wp-content/themes/barramansa/assets/images/left-arrow.png) no-repeat;
  width: 17px;
  height: 18px;
}

.list-carousel .slick-next i{
  

  text-indent: -999px;
  background: url(https://www.orangesalimentos.com.br/wp-content/themes/barramansa/assets/images/right-arrow.png) no-repeat;
  width: 17px;
  height: 18px;
}
@media screen and (min-width: 1024px) {
  .list-carousel .slick-prev {
      left: calc(-2.2rem + 16px)
  }
}

.list-carousel .slick-next {
  right: calc(-1.7rem + 6px)
}

@media screen and (min-width: 1024px) {
  .list-carousel .slick-next {
      right: calc(-2.2rem + 16px)
  }
}

.map--red .map__description {
  color: #fff
}

.map__image {
  margin-bottom: 32px;
  width: 100%;
  height: 450px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

@media screen and (max-width: 480px) {
  .map__image {
      width: 90%;
      height: 300px;
      margin: 0 auto
  }
}

.map__description {
  text-align: center;
  color: #f4f1f0
}

@media screen and (max-width: 480px) {
  .map__description {
      padding: 0 1rem
  }
}

.pagination {
  padding: 2rem 0
}

.pagination--custom {
  display: flex;
  gap: .5rem
}

.pagination--custom .pagination__btn {
  height: 3rem;
  width: 3rem;
  font-size: 1.125rem;
  display: flex;
  justify-content: center;
  align-items: center
}

.pagination--pagenavi {
  text-align: center
}

.pagination--pagenavi .wp-pagenavi span,
.pagination--pagenavi .wp-pagenavi a,
.pagination--pagenavi .wp-pagenavi :last-child {
  border: 2px solid #bbb !important;
  padding: 6px 12px;
  margin: 0
}

@media screen and (max-width: 768px) {

  .pagination--pagenavi .wp-pagenavi .page,
  .pagination--pagenavi .wp-pagenavi .extend,
  .pagination--pagenavi .wp-pagenavi .current {
      display: none
  }
}

.pagination--pagenavi .wp-pagenavi span,
.pagination--pagenavi .wp-pagenavi a {
  border-right: none !important;
  font-weight: bold !important;
  color: #999 !important
}

.pagination--pagenavi .wp-pagenavi span.current,
.pagination--pagenavi .wp-pagenavi a:hover {
  color: #666 !important;
  background-color: #ddd !important
}

.pagination--pagenavi .wp-pagenavi :first-child {
  color: #666 !important
}

.pagination--pagenavi .wp-pagenavi .nextpostslink:before {
  content: "Próxima "
}

.pagination--pagenavi .wp-pagenavi .previouspostslink:after {
  content: " Anterior"
}

.section-base,
.not__found,
.section-filters {
  position: relative;
  overflow: hidden
}

.section-base--gray,
.section-redirect,
.secao-gestambiental,
.respsocial {
  background-color: #f2eeec
}

.section-base--yellow {
  background-color: #e7deca
}

.section-base--red {
  background-color: #69303a;
}

.section-base--red .section-base__text *,
.section-base--red .section-filters__text * {
  color: #fff
}

.section-base--white {
  background-color: #fff
}

.section-base--detail {
  padding-bottom: 180px
}

.section-base__text,
.section-filters__text,
.section-base__children,
.section-filters__children,
.section-base__button {
  position: relative;
  z-index: 2
}
.section-base__text{
  padding-top: 60px;
}

.section-base__text a,
.section-filters__text a,
.section-base__children a,
.section-filters__children a,
.section-base__button a {
  text-decoration: none
}

.section-base__text a .section-btn,
.section-filters__text a .section-btn,
.section-base__children a .section-btn,
.section-filters__children a .section-btn,
.section-base__button a .section-btn {
  filter: brightness(0) saturate(100%) invert(91%) sepia(3%) saturate(540%) hue-rotate(324deg) brightness(108%) contrast(91%)
}

.section-base__text a .section-btn:hover,
.section-filters__text a .section-btn:hover,
.section-base__children a .section-btn:hover,
.section-filters__children a .section-btn:hover,
.section-base__button a .section-btn:hover {
  filter: none;
  color: #fff
}

.section-base__text,
.section-filters__text {
  margin-bottom: 32px
}

.section-base__text--center {
  text-align: center
}

.section-base__text--center * {
  margin-left: auto;
  margin-right: auto
}

.section-base__text--right {
  text-align: right
}

.section-base__title,
.section-filters__title {
  color: #000
}
.certificate-template-default .section-base__title,
#home-posts .section-base__title{
color: #211915;
}
.section-base__description,
.section-filters__description {
  font-size: 1rem;
  max-width: 520px
}

@media screen and (min-width: 1024px) {

  .section-base__description,
  .section-filters__description {
      font-size: 1.1rem
  }
}

.section-base__button {
  margin-top: 60px;
  display: flex;
  justify-content: center
}

.section-base__detail {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
}

.section-base__detail--yellow {
  width: 100%;     height: auto;
	z-index: 2;
    display: block;
    bottom: 0;
}

.section-base__detail--gray {
  filter: invert(98%) sepia(57%) saturate(1575%) hue-rotate(294deg) brightness(139%) contrast(89%)
}

.section-base__detail--white {
  filter: invert(1)
}

section#about-content .responsive-embed,
section#about-content .about-video__embed {
  margin-top: 10px;
  margin-bottom: 10px
}

@media screen and (min-width: 480px) {

  section#about-content .responsive-embed,
  section#about-content .about-video__embed {
      display: none
  }
}

section#bea-content p:has(img),
section#bea-content p:has(.bea__primeira-imagem),
section#bea-content p:has(.bea__segunda-imagem),
section#bea-content p:has(.bea__terceira-imagem) {
  display: flex;
  justify-content: center;
  opacity: 0;
  transition: all .8s ease
}

@media screen and (min-width: 1210px) {

  section#bea-content p:has(img),
  section#bea-content p:has(.bea__primeira-imagem),
  section#bea-content p:has(.bea__segunda-imagem),
  section#bea-content p:has(.bea__terceira-imagem) {
      display: none
  }
}

section#blog-posts .col-12 {
  display: none;
  animation: blogitemcard 1s ease forwards
}

@keyframes blogitemcard {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}
section#governance-list a,
section#governance-list p {
	text-align: left;
	text-wrap: wrap;
	word-wrap: break-word;
}

@media screen and (max-width: 768px) {
  section#governance-list {
      padding-top: 0
  }
}

section#single-image {
  padding: 0
}

section#bea-content p {
  text-align: justify
}

section#seg-documentos {
  padding-top: 0
}

.skiptranslate {
  display: none
}

.section-filters {
  background-color: #f4f1f0
}

.section-filters::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 50%;
  z-index: 0;
}

.section-filters__header {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  margin-bottom: 60px;
}

.post-template-default.single #home-posts{
	background-color: #f4f1f0;
}
.post-template-default.single #home-posts::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 50%;
    z-index: 0;
}

@media screen and (min-width: 1240px) {
  .section-filters__header {
      grid-template-columns: 480px 1fr
  }
}

.section-filters__text {
  margin-bottom: 0 !important
}

@media screen and (max-width: 1240px) {
  .section-filters__text .section-filters__description {
      max-width: 70%
  }
}

@media screen and (max-width: 480px) {
  .section-filters__text .section-filters__description {
      max-width: 100%
  }
}

.section-filters__children {
  position: relative
}

.section-filters__buttons {
  display: grid;
  
  grid-template-columns: repeat(4, 1fr);
  gap: 10.6666666667px
}

@media screen and (min-width: 1240px) {
  .section-filters__buttons {
      grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (max-width: 770px) {
  .section-filters__buttons {
      grid-template-columns: repeat(2, 1fr)
  }
}

.section-filters__buttons button,
.section-filters__buttons a {
  color: #b4b6b8;
  width: 130px;
    font-size: .9rem;
    height: 60px;
  font-family: 'recursivesans_linear_light';
}

.section-filters__buttons button::after,
.section-filters__buttons a::after {
  content: "";
  width: calc(100% + 1px);
  /*margin-bottom: -1px*/
}

@media screen and (max-width: 1240px) {

  .section-filters__buttons button,
  .section-filters__buttons a {
      width: 180px
  }

  .section-filters__buttons button::after,
  .section-filters__buttons a::after {
      content: "";
      width: calc(100% + 1px);
  }
}

@media screen and (max-width: 480px) {

  .section-filters__buttons button,
  .section-filters__buttons a {
      width: 200px;
      padding-left: 20px;
      padding-right: 20px
  }

  .section-filters__buttons button::after,
  .section-filters__buttons a::after {
      content: "";
      width: calc(100% + 2px);
  }
}

.section-filters__buttons button[area-selected=true][data-color=red],
.section-filters__buttons a[area-selected=true][data-color=red] {
  background-color: #69303a !important;
  color: #fff !important
}

.section-filters__buttons button[area-selected=true][data-color=purple],
.section-filters__buttons a[area-selected=true][data-color=purple] {
  background-color: #471e3e !important;
  color: #fff !important
}

.section-filters__buttons button[area-selected=true][data-color=yellow],
.section-filters__buttons a[area-selected=true][data-color=yellow] {
  background-color: #e7deca !important;
  color: #fff !important
}

.section-filters__buttons button[area-selected=true][data-color=gray],
.section-filters__buttons a[area-selected=true][data-color=gray] {
  background-color: #f4f1f0 !important;
  color: #fff !important
}

.section-filters__buttons button[area-selected=true][data-color=dark],
.section-filters__buttons a[area-selected=true][data-color=dark] {
  background-color: #2d2d2d !important;
  color: #fff !important
}

.section-filters__buttons button[area-selected=true][data-color=white],
.section-filters__buttons a[area-selected=true][data-color=white] {
  background-color: #fff !important;
  color: #fff !important
}

.section-filters__buttons button[area-selected=true][data-color=black],
.section-filters__buttons a[area-selected=true][data-color=black] {
  background-color: #000 !important;
  color: #fff !important
}

.section-filters__children-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: -1
}

.section-filters__children-item--active {
  position: relative;
  opacity: 1;
  z-index: 2
}

.section-filters__buttons a:hover {
  color: #69303a;
  background-color: #e7deca
}

.single__video {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  justify-content: center;
  padding-bottom: 80px;
  position: relative;
  background-color: #f4f1f0
}

.single__video .single__video-embed {
  width: 50%;
  position: relative;
  padding-top: 25%;
  overflow: hidden
}

.single__video .single__video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: -1px;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px
}

.btn,
.btn-txt-h-black,
.btn-bg-h-black,
.btn-txt-black,
.btn-bg-black,
.btn-txt-h-white,
.btn-bg-h-white,
.btn-txt-white,
.btn-bg-white,
.btn-txt-h-dark,
.btn-bg-h-dark,
.btn-txt-dark,
.btn-bg-dark,
.btn-txt-h-gray,
.btn-bg-h-gray,
.btn-txt-gray,
.btn-bg-gray,
.btn-txt-h-yellow,
.btn-bg-h-yellow,
.btn-txt-yellow,
.btn-bg-yellow,
.btn-txt-h-purple,
.btn-bg-h-purple,
.btn-txt-purple,
.btn-bg-purple,
.btn-txt-h-red,
.btn-bg-h-red,
.btn-txt-red,
.btn-bg-red {
  position: relative;
  padding-bottom: 1rem;
  width: 160px;
  height: 60px;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 4px 4px 0 0;
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1rem;
}

@media screen and (max-width: 480px) {

  .btn,
  .btn-txt-h-black,
  .btn-bg-h-black,
  .btn-txt-black,
  .btn-bg-black,
  .btn-txt-h-white,
  .btn-bg-h-white,
  .btn-txt-white,
  .btn-bg-white,
  .btn-txt-h-dark,
  .btn-bg-h-dark,
  .btn-txt-dark,
  .btn-bg-dark,
  .btn-txt-h-gray,
  .btn-bg-h-gray,
  .btn-txt-gray,
  .btn-bg-gray,
  .btn-txt-h-yellow,
  .btn-bg-h-yellow,
  .btn-txt-yellow,
  .btn-bg-yellow,
  .btn-txt-h-purple,
  .btn-bg-h-purple,
  .btn-txt-purple,
  .btn-bg-purple,
  .btn-txt-h-red,
  .btn-bg-h-red,
  .btn-txt-red,
  .btn-bg-red {
      zoom: .9
  }
}

.btn:after,
.btn-txt-h-black:after,
.btn-bg-h-black:after,
.btn-txt-black:after,
.btn-bg-black:after,
.btn-txt-h-white:after,
.btn-bg-h-white:after,
.btn-txt-white:after,
.btn-bg-white:after,
.btn-txt-h-dark:after,
.btn-bg-h-dark:after,
.btn-txt-dark:after,
.btn-bg-dark:after,
.btn-txt-h-gray:after,
.btn-bg-h-gray:after,
.btn-txt-gray:after,
.btn-bg-gray:after,
.btn-txt-h-yellow:after,
.btn-bg-h-yellow:after,
.btn-txt-yellow:after,
.btn-bg-yellow:after,
.btn-txt-h-purple:after,
.btn-bg-h-purple:after,
.btn-txt-purple:after,
.btn-bg-purple:after,
.btn-txt-h-red:after,
.btn-bg-h-red:after,
.btn-txt-red:after,
.btn-bg-red:after {
  content: "";
  height: 80px;
  width: calc(100% + 2px);
  position: absolute;
  bottom: -1px;
  background-image: url("../images/detail-xx-white-NEW.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom
}

.button-home {
  position: relative;
  padding-bottom: 1rem;
  width: 180px;
  height: 70px;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 4px 4px 0 0;
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1
}

@media screen and (max-width: 480px) {
  .button-home {
      zoom: .9
  }
}

.button-home:after {
  content: "";
  height: 70px;
  width: calc(100% + 2px);
  position: absolute;
  bottom: 0;
  background-image: url("../images/detail-xx-white-NEW.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom
}

.btn-bg-red {
  background-color: #69303a
}

.btn-txt-red {
  color: #69303a
}

.btn-bg-h-red:hover {
  background-color: #69303a
}

.btn-txt-h-red:hover {
  color: #69303a
}

.btn-bg-purple {
  background-color: #471e3e
}

.btn-txt-purple {
  color: #471e3e
}

.btn-bg-h-purple:hover {
  background-color: #471e3e
}

.btn-txt-h-purple:hover {
  color: #471e3e
}

.btn-bg-yellow {
  background-color: #e7deca
}

.btn-txt-yellow {
  color: #e7deca
}

.btn-bg-h-yellow:hover {
  background-color: #e7deca
}

.btn-txt-h-yellow:hover {
  color: #e7deca
}

.btn-bg-gray {
  background-color: #f4f1f0
}

.btn-txt-gray {
  color: #f4f1f0
}

.btn-bg-h-gray:hover {
  background-color: #f4f1f0
}

.btn-txt-h-gray:hover {
  color: #f4f1f0
}

.btn-bg-dark {
  background-color: #2d2d2d
}

.btn-txt-dark {
  color: #2d2d2d
}

.btn-bg-h-dark:hover {
  background-color: #2d2d2d
}

.btn-txt-h-dark:hover {
  color: #2d2d2d
}

.btn-bg-white {
  background-color: #fff
}

.btn-txt-white {
  color: #fff
}

.btn-bg-h-white:hover {
  background-color: #fff
}

.btn-txt-h-white:hover {
  color: #fff
}

.btn-bg-black {
  background-color: #000
}

.btn-txt-black {
  color: #000
}

.btn-bg-h-black:hover {
  background-color: #000
}

.btn-txt-h-black:hover {
  color: #000
}

.btn-dt-red:after {
  filter: invert(24%) sepia(4%) saturate(6915%) hue-rotate(299deg) brightness(91%) contrast(95%)
}

.btn-dt-purple:after {
  filter: invert(16%) sepia(18%) saturate(2965%) hue-rotate(275deg) brightness(90%) contrast(99%)
}

.btn-dt-yellow:after {
  background-image: url(https://www.orangesalimentos.com.br/wp-content/themes/barramansa/assets/images/detail-bege.svg);
}

.btn-dt-gray:after {
  background-image: url(https://www.orangesalimentos.com.br/wp-content/themes/barramansa/assets/images/detail-cinza.svg);
}

.btn-dt-white:after {
  filter: invert(100%)
}

.btn-dt-black:after {
  filter: ""
}

.timeline__item {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 33px
}

@media screen and (max-width: 830px) {
  .timeline__item {
      justify-content: center
  }
}

.timeline__box-left {
  position: relative;
  z-index: 10;
  width: 350px;
  height: 350px;
  transform: rotate(-90deg)
}

.left-box-wrap {
  position: relative;
  width: 350px;
  height: 350px
}

.left-box-wrap .left-box-bg {
  width: 350px;
  height: 100%;
  max-height: 350px;
  background-color: #f4f1f0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: rotate(90deg);
  border-radius: 10px 0px 0px 10px
}

.left-box-wrap .left-box-bg .timeline__item-img {
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center
}

.left-box-wrap .left-box-bg .timeline__item-img img {
  height: 370px
}

.left-box-wrap .left-box-bg--detail {
  width: calc(100% + 2px);
  height: 40px;
  position: absolute;
  bottom: -1px;
  left: -1px;
  background-image: url("../images/detail-xx-white.svg");
  background-repeat: no-repeat;
/*   background-size: 100%; */
	 background-size: calc(100% + 2px);
}

.timeline__box-separator {
  width: 80px
}

@media screen and (max-width: 830px) {
  .timeline__box-separator {
      width: 40px;
      margin-left: 40px
  }
}

.timeline__box-separator .bolinha-wrap {
  margin: 0 auto;
  margin-top: 20px;
  padding: 3px;
  width: 30px;
  height: 30px;
  border: 1px solid #471e3e;
  border-radius: 50%
}

.timeline__box-separator .bolinha-wrap .bolinha-centro {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #471e3e
}

.timeline__box-separator .linha-vertical {
  margin: 0 auto;
  width: 3px;
  height: 100%;
  background-color: #e7deca;
  transform: translateY(15px)
}

.timeline__box-right {
  width: 400px
}

@media screen and (max-width: 830px) {
  .timeline__box-right {
      width: 85%;
      text-align: right;
      margin: 80px 14px 0px 14px
  }
}

.timeline-date {
  padding: 10px 55px;
  margin-left: -6px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-image: url("../images/date-title.png");
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 5px
}

@media screen and (max-width: 830px) {
  .timeline-date {
      margin-left: 95%;
      transform: translate(-100%) rotate(180deg)
  }
}

.timeline-date h4 {
  color: #f4f1f0;
  font-weight: 500
}

@media screen and (max-width: 830px) {
  .timeline-date h4 {
      transform: rotate(180deg)
  }
}

.timeline__box-right-text {
  margin-top: 25px
}

@media screen and (max-width: 830px) {
  .timeline__box-right-text {
      width: 100%
  }
}

.timeline__box-right-text h2 {
  color: #471e3e;
  font-size: 1.5em;
  margin-bottom: 25px
}

.timeline__item:nth-child(even) {
  flex-direction: row-reverse;
  transform: translate(-50px)
}

@media screen and (max-width: 830px) {
  .timeline__item:nth-child(even) {
      transform: translate(0)
  }
}

.timeline__item:nth-child(even) .timeline__box-right {
  text-align: right
}

@media screen and (max-width: 955px) {
  .timeline__item:nth-child(even) .timeline__box-right-text {
      margin-left: 50px
  }
}

@media screen and (max-width: 900px) {
  .timeline__item:nth-child(even) .timeline__box-right-text {
      margin-left: 100px
  }
}

@media screen and (max-width: 830px) {
  .timeline__item:nth-child(even) .timeline__box-right-text {
      margin-left: 0px;
      text-align: left
  }
}

@media screen and (max-width: 830px) {
  .timeline__item:nth-child(even) .timeline__box-separator {
      margin-left: 0;
      margin-right: 40px
  }
}

.timeline__item:nth-child(even) .timeline-date {
  margin-left: 100%;
  transform: translate(-100%) rotate(180deg)
}

@media screen and (max-width: 830px) {
  .timeline__item:nth-child(even) .timeline-date {
      margin-left: 0;
      transform: rotate(0deg)
  }
}

.timeline__item:nth-child(even) .timeline-date h4 {
  transform: rotate(180deg)
}

@media screen and (max-width: 830px) {
  .timeline__item:nth-child(even) .timeline-date h4 {
      transform: rotate(0deg)
  }
}

.timeline__item:nth-child(even) .timeline__box-left {
  transform: rotate(90deg);
  margin-right: none
}

.timeline__item:nth-child(even) .timeline__box-left .left-box-bg {
  transform: rotate(-90deg);
  border-radius: 10px 10px 10px 10px
}




.timeline__item:last-child {
  margin-bottom: 100px
}

#bmsection {
  padding-top: 35px
}

.bmsection__item {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  display: flex;
  align-items: center
}

@media screen and (max-width: 1024px) {
  .bmsection__item {
      flex-direction: column;
      justify-content: center;
      align-items: center
  }
}

.bmsection__box-left {
  position: relative;
  z-index: 10;
  width: 450px;
  height: 400px;
  transform: rotate(-180deg);
  margin-right: 100px
}

@media screen and (max-width: 1024px) {
  .bmsection__box-left {
      margin-bottom: 50px;
      margin-right: 0
  }
}

@media screen and (max-width: 480px) {
  .bmsection__box-left {
      width: 100%;
      height: auto;
      aspect-ratio: 1/1
  }

  .bmsection__box-left .bmsection__left-box-bg {
      width: 100%;
      height: auto
  }

  .bmsection__box-left .bmsection__left-box-bg .bmsection__item-img {
      width: 100%;
      height: auto;
      aspect-ratio: 1/1
  }

  .bmsection__box-left .bmsection__left-box-bg--detail {
      width: calc(100% + 2px);
      height: auto;
      aspect-ratio: 1/1
  }
}

.bmsection__left-box-wrap {
  position: relative;
	padding: 1px;
}

.bmsection__left-box-wrap .bmsection__left-box-bg {
  width: 449px;
  height: 100%;
  max-height: 400px;
  background-color: #f4f1f0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: rotate(180deg);
  border-radius: 10px 10px 10px 10px
}

@media screen and (max-width: 480px) {
  .bmsection__left-box-wrap .bmsection__left-box-bg {
      width: 100%;
      height: auto
  }
}

.bmsection__left-box-wrap .bmsection__left-box-bg .bmsection__item-img {
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 480px) {
  .bmsection__left-box-wrap .bmsection__left-box-bg .bmsection__item-img {
      width: 100%;
      height: auto;
      aspect-ratio: 1/1
  }
}

.bmsection__left-box-wrap .bmsection__left-box-bg .bmsection__item-img img {
  height: 370px
}

.bmsection__left-box-wrap .bmsection__left-box-bg--detail {
  width: 100.1%;
  height: 65px;
  position: absolute;
  bottom: -1px;
  background-image: url("../images/detail-xx-white-NEW.svg");
  background-repeat: no-repeat;
  background-size: calc(100% + 2px);
  background-position: bottom;
  filter: invert(100%)
}

@media screen and (max-width: 480px) {
  .bmsection__left-box-wrap .bmsection__left-box-bg--detail {
      width: 100%;
      height: auto;
      aspect-ratio: 1/1
  }
}

.bmsection__box-right {
  text-align: justify
}

@media screen and (max-width: 768px) {
  #bm-video {
      height: auto;
      padding-bottom: 100px;
      padding-top: 30px
  }
}

#bea-content {
  padding: 0
}

#bea-images {
  padding-top: 0
}

@media screen and (max-width: 1024px) {
  #bea-images {
      display: none
  }
}

#bea-documentos>div>div>div>div {
  display: flex;
  gap: 150px
}

@media screen and (max-width: 1024px) {
  #bea-documentos>div>div>div>div {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 0
  }
}

.bea__items {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto
}

@media screen and (max-width: 480px) {
  .bea__items {
      display: none
  }
}

.bea__primeira-imagem {
  position: relative;
  z-index: 10;
  width: 350px;
  height: 350px;
  transform: rotate(-180deg);
  margin-right: 50px
}

@media screen and (max-width: 1024px) {
  .bea__primeira-imagem {
      margin-right: 0
  }
}

.primeiraimagem-box-wrap {
  position: relative;
  height: 100%
}

.primeiraimagem-box-wrap .primeiraimagem-box-bg {
  width: 349px;
  height: 100%;
  max-height: 400px;
  background-color: #f4f1f0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: rotate(180deg);
  border-radius: 10px 10px 10px 10px
}

.primeiraimagem-box-wrap .primeiraimagem-box--detail {
  width: calc(100% + 2px);
    height: 40px;
    position: absolute;
    bottom: 0;
    left: -1px;
    background-image: url(../images/detail-xx-white.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.bea__segunda-imagem {
  position: relative;
  z-index: 10;
  width: 350px;
  height: 350px;
  transform: rotate(-180deg);
  margin-right: 50px
}

@media screen and (max-width: 1024px) {
  .bea__segunda-imagem {
      margin-right: 0
  }
}

.segundaimagem-box-wrap {
  position: relative;
  height: 100%
}

.segundaimagem-box-wrap .segundaimagem-box-bg {
  width: 350px;
  height: 100%;
  max-height: 400px;
  background-color: #f4f1f0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: rotate(180deg);
  border-radius: 10px 10px 10px 10px
}

.segundaimagem-box-wrap .segundaimagem-box-bg--detail {
  width: calc(100% + 2px);
  height: 40px;
  position: absolute;
  bottom: 0;
  left: -1px;
  background-image: url("../images/detail-xx-white.svg");
  background-repeat: no-repeat;
  background-size: calc(100% + 2px)
}

.bea__terceira-imagem {
  position: relative;
  z-index: 10;
  width: 350px;
  height: 350px;
  transform: rotate(-180deg);
  margin-right: 50px
}

@media screen and (max-width: 1024px) {
  .bea__terceira-imagem {
      margin-right: 0
  }
}

.terceira-imagem-box-wrap {
  position: relative;
  height: 100%
}

.terceira-imagem-box-wrap .terceira-imagem-box-bg {
  width: 350px;
  height: 100%;
  max-height: 400px;
  background-color: #f4f1f0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: rotate(180deg);
  border-radius: 10px 10px 10px 10px
}

.terceira-imagem-box-wrap .terceira-imagem-box--detail {
  width: calc(100% + 2px);
  height: 40px;
  position: absolute;
  bottom: 0;
  left:-1px;
  background-image: url("../images/detail-xx-white.svg");
  background-repeat: no-repeat;
  background-size: 100%;
	
}

.governance__item {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 60px auto;
  justify-content: space-between;
  align-items: center;
	
}

.governance__box-left {
  
  width: 30%;
	
}

.governance__box-right {
  width: 70%;
	padding-left: 60px;
}

@media screen and (max-width: 943px) {
	.governance__box-right,
	.governance__box-left{
		padding: 15px  !important;
		width: 100%;
		max-width: 100%;
	}
	.governance__item{
		width: 100%;
	}
  .governance__box-right {
      width: 100%;
/*       aspect-ratio: 5/2; */
      margin-top: 25px
  }
}


.governance__box-right-text h2 {
  color: #471e3e;
  font-size: 1.5em;
  margin-bottom: 25px
}

.governance__box-right-text h2::first-letter {
  text-transform: uppercase
}

#documentos>div>div>div {
  display: flex;
  justify-content: space-around
}

#documentos>div>div>div>div {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 480px) {
  #documentos>div>div>div>div .col-6 {
      width: 100%
  }
}

#seg-documentos>div>div>div>div {
  display: flex;
  justify-content: center;
  gap: 50px;
}

@media screen and (max-width: 768px) {
  #seg-documentos>div>div>div>div {
      padding-top: 0
  }
}

@media screen and (max-width: 480px) {
  #seg-documentos>div>div>div>div .col-6 {
      width: 100%
  }
}

.item__download {
  display: block;
  background-image: url("../images/download-bg-gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  width: 80%;
  height: 220px;
  border-radius: 10px;
  transition: all .15s ease-in-out;
  margin-bottom: 30px;
}
.page-template-page-governance .list-grid .row{
	width: 100%;
	gap: 15px;
}

/* @media (min-width: 991px) {
	.item__download {
		     width: calc(25% - 15px);
	}
} */

.item__download a {
  text-decoration: none
}

.item__download:hover {
  background-image: url("../images/download-bg-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__download:hover .item__download-content h2 {
  color: #f4efec
}

.item__download:hover .item__download-btn {
  background-image: url("../images/new-btn-gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__download:hover .item__download-btn h2 {
  color: #69303a
}

.item__download:hover .item__download-icon img {
  filter: brightness(0) saturate(100%) invert(95%) sepia(3%) saturate(343%) hue-rotate(340deg) brightness(103%) contrast(92%)
}

.item__download-content {
  height: 100%;
  color: #69303a;
  padding-top: 15px
}

.item__download-content h2 {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1em;
  text-align: center
}

.item__download-icon {
  width: -moz-fit-content;
  width: fit-content;
  margin: 15px auto;
  height: 70px
}

.item__download-icon img {
  height: 90%;
  filter: brightness(0) saturate(100%) invert(24%) sepia(4%) saturate(6915%) hue-rotate(299deg) brightness(91%) contrast(95%)
}

.item__download-btn {
  width: 140px;
  height: 65px;
  background-image: url("../images/new-btn-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 10px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 8px;
  z-index: 25;
  transition: all .15s ease-in-out
}

.item__download-btn h2 {
  font-size: 1rem;
  transition: all .15s ease-in-out;
  color: #f4efec;
  margin-bottom: 12px
}

#respsocial-content {
  padding: 0
}

.respsocial {
  padding: 40px 0
}

@media screen and (max-width: 768px) {
  .respsocial {
      padding: 30px 0
  }
}

@media screen and (max-width: 480px) {
  .respsocial {
      padding: 20px 0
  }
}

.respsocial__item {
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: space-between
}

.respsocial__box-left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48%;
  aspect-ratio: 5/2;
  background-color: #f4f1f0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 5px
}

@media screen and (max-width: 768px) {
  .respsocial__box-left {
      width: 100%;
      aspect-ratio: 5/2
  }
}

.respsocial__box-left .respsocial__info {
  z-index: 2;
  color: #fff
}

.respsocial__box-left .respsocial__title {
  font-size: 2rem;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .4);
  text-align: center
}

.respsocial__box-right {
  width: 48%;
  text-align: justify
}

@media screen and (max-width: 768px) {
  .respsocial__box-right {
      width: 100%;
      margin-top: 50px
  }
}

.respsocial:nth-child(even) {
  background-color: #fff
}

.respsocial:nth-child(even) .respsocial__item {
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  flex-direction: row-reverse
}

#linhasoranges {
  padding-top: 0
}

@media screen and (max-width: 768px) {
  .sectionvejatambem {
      padding: 70px 0
  }
}

@media screen and (min-width: 768px) {
  .sectionvejatambem {
      padding: 70px 0
  }
}

@media screen and (max-width: 768px) {
  .vejatambem {
      padding-bottom: 70px
  }
}

@media screen and (min-width: 768px) {
  .vejatambem {
      padding-bottom: 70px
  }
}

.linhas__wrapper {
  display: flex;
  justify-content: center;
  height: 450px;
  flex-wrap: wrap;
  gap: 35px;
  align-content: center
}

@media screen and (max-width: 768px) {
  .linhas__wrapper {
      height: auto
  }
}

@media screen and (min-width: 768px) {
  .linhas__wrapper {
      height: auto
  }
}

.item__linha--red {
  background-image: url("../images/download-bg-gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  width: 315px;
  height: 320px;
  margin: 0 30px;
  border-radius: 10px;
  transition: all .15s ease-in-out
}

.item__linha--red a {
  text-decoration: none
}

.item__linha--red .item__linha-content {
  color: #69303a
}

.item__linha--red .item__linha-btn {
  background-image: url("../images/new-btn-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--red .item__linha-btn h2 {
  color: #f4efec
}

.item__linha--red:hover {
  background-image: url("../images/download-bg-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--red:hover .item__linha-content h2 {
  color: #f4efec
}

.item__linha--red:hover .item__linha-description {
  color: #f4efec
}

.item__linha--red:hover .item__linha-btn {
  background-image: url("../images/new-btn-gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--red:hover .item__linha-btn h2 {
  color: #69303a
}

.item__linha--red:hover .item__linha-icon img {
  filter: brightness(0) saturate(100%) invert(95%) sepia(3%) saturate(343%) hue-rotate(340deg) brightness(103%) contrast(92%)
}

.item__linha--purple {
  background-image: url("../images/download-bg-gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  width: 315px;
  height: 320px;
  margin: 0 30px;
  border-radius: 10px;
  transition: all .15s ease-in-out
}

.item__linha--purple a {
  text-decoration: none
}

.item__linha--purple .item__linha-content {
  color: #471e3e
}

.item__linha--purple .item__linha-btn {
  background-image: url("../images/new-btn-purple.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--purple .item__linha-btn h2 {
  color: #f4efec
}

.item__linha--purple:hover {
  background-image: url("../images/download-bg-purple.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--purple:hover .item__linha-content h2 {
  color: #f4efec
}

.item__linha--purple:hover .item__linha-description {
  color: #f4efec
}

.item__linha--purple:hover .item__linha-btn {
  background-image: url("../images/new-btn-gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--purple:hover .item__linha-btn h2 {
  color: #471e3e
}

.item__linha--purple:hover .item__linha-icon img {
  filter: brightness(0) saturate(100%) invert(95%) sepia(3%) saturate(343%) hue-rotate(340deg) brightness(103%) contrast(92%)
}

.item__linha--black {
  background-image: url("../images/download-bg-gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  width: 315px;
  height: 320px;
  margin: 0 30px;
  border-radius: 10px;
  transition: all .15s ease-in-out
}

.item__linha--black a {
  text-decoration: none
}

.item__linha--black .item__linha-content {
  color: #000
}

.item__linha--black .item__linha-btn {
  background-image: url("../images/new-btn-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--black .item__linha-btn h2 {
  color: #f4efec
}

.item__linha--black:hover {
  background-image: url("../images/download-bg-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--black:hover .item__linha-content h2 {
  color: #f4efec
}

.item__linha--black:hover .item__linha-description {
  color: #f4efec
}

.item__linha--black:hover .item__linha-btn {
  background-image: url("../images/new-btn-gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--black:hover .item__linha-btn h2 {
  color: #471e3e
}

.item__linha--black:hover .item__linha-icon img {
  filter: brightness(0) saturate(100%) invert(95%) sepia(3%) saturate(343%) hue-rotate(340deg) brightness(103%) contrast(92%)
}

.item__linha-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px 15px 45px 15px;
  align-items: center;
	justify-content: center;
}
.item__linha-content p{
  font-size: .95rem;
	line-height: 1.25;
}
.item__linha-content h2 {
  width: 70%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 2rem;
	line-height:1.25;
  text-align: center;
  font-family: 'recursivesans_linear_light';
}
.item__linha-btn h2{
  margin-top: 0 !important;
  font-family: "Roboto", sans-serif !important;
}

.item__linha-separator {
  width: -moz-fit-content;
  width: fit-content;
  margin: 5px auto
}

.item__linha-separator img {
  width: 150px;
  height: auto;
}

.item__linha-description {
  margin: 10px;
  text-align: center
}

.item__linha-btn {
  text-transform: uppercase;
  width: 180px;
  height: 68px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  border-radius: 8px;
  z-index: 25;
  transition: all .15s ease-in-out
}

.item__linha-btn h2 {
  transition: all .15s ease-in-out;
  color: #f4efec;
  margin-bottom: 12px;
  font-size: 1.2em
}

.item__linha--red-bg-white {
  background-image: url("../images/download-bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  width: 315px;
  height: 320px;
  margin: 0 30px;
  border-radius: 12px;
  background-color: white;
  transition: all .15s ease-in-out
}

.item__linha--red-bg-white a {
  text-decoration: none;
  display: block;
}

.item__linha--red-bg-white .item__linha-content {
  color: #69303a
}

.item__linha--red-bg-white .item__linha-btn {
  background-image: url("../images/new-btn-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--red-bg-white .item__linha-btn h2 {
  color: #fff
}

.item__linha--red-bg-white:hover {
  background-image: url("../images/download-bg-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--red-bg-white:hover .item__linha-content h2 {
  color: #fff
}

.item__linha--red-bg-white:hover .item__linha-description {
  color: #fff
}

.item__linha--red-bg-white:hover .item__linha-btn {
  background-image: url("../images/new-btn-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--red-bg-white:hover .item__linha-btn h2 {
  color: #69303a
}

.item__linha--red-bg-white:hover .item__linha-icon img {
  filter: brightness(0) saturate(100%) invert(95%) sepia(3%) saturate(343%) hue-rotate(340deg) brightness(103%) contrast(92%)
}

.item__linha--purple-bg-white {
  background-image: url("../images/download-bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  width: 315px;
  height: 320px;
  margin: 0 30px;
  border-radius: 12px;
  background-color: white;
  transition: all .15s ease-in-out
}

.item__linha--purple-bg-white a {
  text-decoration: none;
  display: block;
}

.item__linha--purple-bg-white .item__linha-content {
  color: #471e3e
}

.item__linha--purple-bg-white .item__linha-btn {
  background-image: url("../images/new-btn-purple.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--purple-bg-white .item__linha-btn h2 {
  color: #fff
}

.item__linha--purple-bg-white:hover {
  background-image: url("../images/download-bg-purple.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--purple-bg-white:hover .item__linha-content h2 {
  color: #fff
}

.item__linha--purple-bg-white:hover .item__linha-description {
  color: #fff
}

.item__linha--purple-bg-white:hover .item__linha-btn {
  background-image: url("../images/new-btn-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--purple-bg-white:hover .item__linha-btn h2 {
  color: #471e3e
}

.item__linha--purple-bg-white:hover .item__linha-icon img {
  filter: brightness(0) saturate(100%) invert(95%) sepia(3%) saturate(343%) hue-rotate(340deg) brightness(103%) contrast(92%)
}

.item__linha--black-bg-white {
  background-image: url("../images/download-bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  width: 315px;
  height: 320px;
  margin: 0 30px;
  border-radius: 10px;
  transition: all .15s ease-in-out
}

.item__linha--black-bg-white a {
  text-decoration: none
}

.item__linha--black-bg-white .item__linha-content {
  color: #000
}

.item__linha--black-bg-white .item__linha-btn {
  background-image: url("../images/new-btn-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--black-bg-white .item__linha-btn h2 {
  color: #fff
}

.item__linha--black-bg-white:hover {
  background-image: url("../images/download-bg-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--black-bg-white:hover .item__linha-content h2 {
  color: #fff
}

.item__linha--black-bg-white:hover .item__linha-description {
  color: #fff
}

.item__linha--black-bg-white:hover .item__linha-btn {
  background-image: url("../images/new-btn-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__linha--black-bg-white:hover .item__linha-btn h2 {
  color: #000
}

.item__linha--black-bg-white:hover .item__linha-icon img {
  filter: brightness(0) saturate(100%) invert(95%) sepia(3%) saturate(343%) hue-rotate(340deg) brightness(103%) contrast(92%)
}

.detail--gray {
  background-image: url("../images/detail-xx-gray.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  height: 30px;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0
}

#boi-brabo {
  padding-top: 0
}

@media screen and (max-width: 768px) {
  #boi-brabo {
      display: flex;
      justify-content: center;
      align-self: center;
      flex-direction: column
  }
}

.ox__box-wrap {
  display: flex;
  justify-content: center
}

@media screen and (max-width: 768px) {
  .ox__box-wrap {
      width: 350px;
      align-self: center;
      flex-direction: column
  }
}

.ox__box-wrap .ox__box-svg {
  width: 550px;
  text-align: center
}

.ox__box-wrap .ox__box-svg path,
.ox__box-wrap .ox__box-svg circle {
  fill: #e7deca;
  stroke: #fff;
  stroke-width: 3px
}

.ox__box-wrap .ox__box-svg path#shadow {
  fill: #c5b491
}

.ox__box-wrap .ox__box-svg svg path {
  stroke-width: .1px;
  cursor: pointer
}

.ox__box-wrap .ox__box-svg svg path.shadow {
  fill: #978470
}

.ox__box-wrap .ox__box-svg svg text {
  cursor: pointer;
  font-size: 8px;
  font-weight: 400;
  fill: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

@media screen and (max-width: 768px) {
  .ox__box-wrap .ox__box-svg {
      display: flex;
      width: 100%
  }
}

.ox__box-wrap .ox_box-info {
  padding-left: 50px;
  width: 550px;
}

@media screen and (max-width: 768px) {
  .ox__box-wrap .ox_box-info {
      margin: 0 auto
  }
}

.ox__box-wrap .ox_box-info h2 {
  color: #471e3e;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 200
}

.ox__box-wrap .ox_box-info ol {
  list-style: decimal;
  margin-left: 30px;
  display: grid;
	    grid-template-columns: 1fr 1fr;
	/*
  grid-template-columns: 50%;
  grid-template-rows: 35px 35px 35px 35px 35px 35px 35px 35px 35px 35px;
  grid-auto-columns: 100px;
  grid-auto-flow: column;
  -moz-column-gap: 50px;
  column-gap: 50px;*/
  align-items: center;
  justify-items: start
}

.ox__box-wrap .ox_box-info li {
  text-transform: capitalize;
	line-height: 30px;
  color: #aaa;
  cursor: pointer;
  font-size: .9rem;
  font-weight: bold
}

#gestambiental-content {
  padding: 0
}

.gestambiental__item {
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: space-between
}

.gestambiental__box-left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48%;
  aspect-ratio: 5/3;
  background-color: #f4f1f0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 5px
}

@media screen and (max-width: 768px) {
  .gestambiental__box-left {
      width: 100%;
      aspect-ratio: 5/2
  }
}

.gestambiental__box-right {
  width: 48%;
  text-align: justify
}

.gestambiental__box-right .gestambiental__title {
  margin-bottom: 25px;
  font-size: 1.5em
}

@media screen and (max-width: 768px) {
  .gestambiental__box-right {
      width: 100%;
      margin-top: 50px
  }
}

.secao-gestambiental {
  padding: 40px 0
}

@media screen and (max-width: 768px) {
  .secao-gestambiental {
      padding: 30px 0
  }
}

@media screen and (max-width: 480px) {
  .secao-gestambiental {
      padding: 20px 0
  }
}

.secao-gestambiental p {
  text-align: justify
}

.secao-gestambiental:nth-child(even) {
  background-color: #fff
}

.secao-gestambiental:nth-child(even) .gestambiental__item {
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  flex-direction: row-reverse
}

.section-redirect {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 450px
}

@media screen and (max-width: 768px) {
  .section-redirect {
      flex-direction: column;
      height: auto
  }
}

.item_redirect {
  background-image: url("../images/download-bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  width: 350px;
  height: auto;
  border-radius: 10px;
  transition: all .15s ease-in-out;
	margin-left: 15px;
	margin-right: 15px;
}

.item_redirect a {
  text-decoration: none
}

.item_redirect:hover {
  background-image: url("../images/download-bg-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item_redirect:hover .item_redirect-content h2 {
  color: #fff
}

.item_redirect:hover .item_redirect-btn {
  background-image: url("../images/new-btn-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item_redirect:hover .item_redirect-btn h2 {
  color: #69303a
}

.item_redirect:hover .item_redirect-icon img {
  filter: brightness(0) saturate(100%) invert(95%) sepia(3%) saturate(343%) hue-rotate(340deg) brightness(103%) contrast(92%)
}

@media screen and (max-width: 768px) {
  .item_redirect {
      width: 250px
  }
}

.item_redirect-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  color: #69303a;
  padding-top: 15px
}

.item_redirect-content h2 {
  text-transform: uppercase;
  font-size: 1.2rem;
  text-align: center
}

.item_redirect-icon {
  width: -moz-fit-content;
  width: fit-content;
  height: 215px;
  display: flex
}

.item_redirect-icon img {
  width: 170px;
  filter: brightness(0) saturate(100%) invert(24%) sepia(4%) saturate(6915%) hue-rotate(299deg) brightness(91%) contrast(95%)
}

@media screen and (max-width: 768px) {
  .item_redirect-icon img {
      width: 110px
  }
}

@media screen and (max-width: 768px) {
  .item_redirect-icon {
      height: 130px;
      margin-top: 20px
  }
}

.item_redirect-btn {
  width: 215px;
  height: 110px;
  background-image: url("../images/new-btn-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 8px;
  z-index: 25;
  transition: all .15s ease-in-out
}

.item_redirect-btn h2 {
  font-size: 1.5rem;
  transition: all .15s ease-in-out;
  color: #f4efec;
  margin-bottom: 12px
}

@media screen and (max-width: 768px) {
  .item_redirect-btn {
      width: 180px
  }

  .item_redirect-btn h2 {
      font-size: 1.2rem
  }
}

.detail__product {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.detail__product a {
  text-decoration: none
}

@media screen and (max-width: 1024px) {
  .detail__product {
      flex-direction: column;
      align-items: center
  }
}

.product__img {
  border: 1px solid rgba(0, 0, 0, .4);
  border-radius: 8px 0 8px 8px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 550px;
  width: 550px;
  margin-right: 30px
}

@media screen and (max-width: 768px) {
  .product__img {
      height: 350px;
      width: 95%;
      margin-right: 0;
      align-self: center;
      margin-bottom: 30px
  }
}

.product__info {
  height: 550px;
  width: 550px
}

.product__info h2 {
  text-transform: uppercase
}

.product__info h2,
.product__info h6 {
  color: #471e3e;
  margin-bottom: 15px
}

.product__info p {
  margin-bottom: 15px
}

@media screen and (max-width: 768px) {
  .product__info {
      display: flex;
      flex-direction: column;
      width: 95%;
      height: auto;
      align-self: center
  }
}

.product__info--text {
  height: auto;
  margin-bottom: 15px;
}

.product__info--text p {
  color: #5a5a5a;
  line-height: 1.5;
  margin: 10px 0;
}

.preparation {
  height: 70px;
  width: 550px;
  margin-bottom: 60px;
  flex-direction: column
}

@media screen and (max-width: 768px) {
  .preparation {
      height: auto;
      width: 95%;
      align-self: center
  }
}

.preparation__type {
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (max-width: 768px) {
  .preparation__type {
      flex-direction: column;
      height: auto
  }
}

.preparation__img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background-color: #f4f1f0;
  margin: 0px 10px;
  border-radius: 50%
}

.preparation__img-icon {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.type {
  margin-right: 40px;
  text-transform: capitalize
}

@media screen and (max-width: 768px) {
  .type {
      margin-right: 0
  }
}

.redirect__buttons {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 130px;
  justify-content: space-around;
  transition: all .15s ease-in-out
}

.redirect__buttons .rep__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 210px;
  height: 110px;
  background-image: url("../images/new-btn-gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 20px auto
}

@media screen and (max-width: 768px) {
  .redirect__buttons .rep__btn {
      width: 165px
  }
}

.redirect__buttons .rep__btn h4 {
  font-size: 1rem;
  text-align: center;
  color: #471e3e;
  margin-bottom: 10px;
  text-transform: uppercase
}

.redirect__buttons .rep__btn:hover {
  background-image: url("../images/new-btn-purple.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.redirect__buttons .rep__btn:hover h4 {
  font-size: 1rem;
  text-align: center;
  color: #fff;
  margin-bottom: 10px
}

.redirect__buttons .catalog__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 110px;
  background-image: url("../images/new-btn-gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 20px auto
}

@media screen and (max-width: 768px) {
  .redirect__buttons .catalog__btn {
      width: 165px
  }
}

.redirect__buttons .catalog__btn h4 {
  width: 150px;
  font-size: 1rem;
  text-align: center;
  color: #471e3e;
  margin-bottom: 10px;
  text-transform: uppercase
}

.redirect__buttons .catalog__btn:hover {
  background-image: url("../images/new-btn-purple.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.redirect__buttons .catalog__btn:hover h4 {
  width: 150px;
  font-size: 1rem;
  text-align: center;
  color: #fff;
  margin-bottom: 10px
}

.post-count-filter {
  color: #b4b6b8;
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between
}

.filter-side {
  display: flex;
  align-items: center;
  cursor: pointer;
  background: none;
  border: none;
  color: #b4b6b8
}

.filter-icon {
  font-size: 2.5rem;
  margin-right: 10px
}

.pea__item {
  background-color: #f4f1f0;
  width: 100%;
  min-height: 350px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-radius: 0px 10px 10px 0px;
  margin-top: 50px
}

@media screen and (max-width: 768px) {
  .pea__item {
      width: 96%;
      display: flex;
      flex-direction: column-reverse;
      margin: 0 auto
  }

  .pea__item .pea__box-left {
      width: 100%
  }

  .pea__item .pea__box-right {
      width: 100%;
      aspect-ratio: 5/3
  }

  .pea__item .pearight-box-bg--detail {
      height: auto !important;
      width: 100%;
      left: 0 !important;
      bottom: -1px !important;
      transform: rotate(0) !important
  }
}

.pea__box-left {
	    align-items: center;
    display: flex;
  width: 50%; padding: 15px;
}

.pea__box-left-text {
  padding: 25px
}

.pea__box-left-text h6 {
  color: #69303a;
  font-size: 1.5em;
  margin-bottom: 25px
}

.pea__box-right {
  position: relative;
  z-index: 10;
  width: 50%
}

.pearight-box-wrap {
  position: relative;
  height: 100%;
  overflow: hidden
}

.pearight-box-wrap .pearight-box-bg {
  width: 100%;
  height: 100%;
  background-color: #f4f1f0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 10px 10px 10px 10px
}

.pearight-box-wrap .pearight-box-bg .pea__item-img {
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center
}

.pearight-box-wrap .pearight-box-bg .pea__item-img img {
  height: 370px
}

.pearight-box-wrap .pearight-box-bg--detail {
  height: calc(100% + 2px);
  aspect-ratio: 4/4;
  position: absolute;
  bottom: -1px;
  left: -1px;
  background-image: url("/wp-content/uploads/2024/01/detail-xx31.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  transform: rotate(90deg)
}

.pea__item:nth-child(even) {
  border-radius: 10px 0px 0px 10px;
  flex-direction: row-reverse
}

@media screen and (max-width: 768px) {
  .pea__item:nth-child(even) {
      flex-direction: column-reverse
  }
}

.pea__item:nth-child(even) .pearight-box-bg--detail {
  height: 100.3%;
  left: 100%;
  transform: rotate(-90deg) translateY(-99.7%)
}

#single-image>div>div {
  display: flex;
  justify-content: space-evenly
}

.single-image {
  z-index: 10;
  width: 700px;
  aspect-ratio: 4/3;
  transform: rotate(-180deg)
}

@media screen and (max-width: 768px) {
  .single-image {
      width: 500px
  }
}

.image-box-wrap {
  position: relative
}

.image-box-wrap .image-box-bg {
  width: 100%;
  aspect-ratio: 4/3;
  background-color: #f4f1f0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: rotate(180deg);
  border-radius: 10px 10px 10px 10px
}

.image-box-wrap .image-box--detail {
  width: calc(100% + 1px);
  aspect-ratio: 4/3;
  position: absolute;
  bottom: -1px;
  background-image: url("../images/detail-xx-white-NEW.svg");
  background-repeat: no-repeat;
  background-size: calc(100% + 2px);
  background-position: bottom;
  filter: invert(100%)
}

#sda-documentos>div>div>div>div {
  display: flex;
  justify-content: space-evenly
}

.item__download-purple {
  display: block;
  background-image: url("../images/download-bg-gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  width: 250px;
  height: 220px;
  border-radius: 10px;
  transition: all .15s ease-in-out;
  margin: 0 auto
}

.item__download-purple a {
  text-decoration: none
}

.item__download-purple:hover {
  background-image: url("../images/download-bg-purple.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__download-purple:hover .item__download-purple-content h2 {
  color: #f4efec
}

.item__download-purple:hover .item__download-purple-btn {
  background-image: url("../images/new-btn-gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.item__download-purple:hover .item__download-purple-btn h2 {
  color: #471e3e
}

.item__download-purple:hover .item__download-purple-icon img {
  filter: brightness(0) saturate(100%) invert(95%) sepia(3%) saturate(343%) hue-rotate(340deg) brightness(103%) contrast(92%)
}

.item__download-purple-content {
  height: 100%;
  color: #471e3e;
  padding-top: 15px
}

.item__download-purple-content h2 {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.2em;
  text-align: center
}

.item__download-purple-icon {
  width: -moz-fit-content;
  width: fit-content;
  margin: 15px auto;
  height: 60px
}

.item__download-purple-icon img {
  width: 55px
}

.item__download-purple-btn {
  width: 140px;
  height: 65px;
  background-image: url("../images/new-btn-purple.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 10px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 8px;
  z-index: 25;
  transition: all .15s ease-in-out
}

.item__download-purple-btn h2 {
  font-size: 1rem;
  transition: all .15s ease-in-out;
  color: #f4efec;
  margin-bottom: 12px
}

.not__found {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center
}

@media screen and (max-width: 768px) {
  .not__found {
      flex-direction: column-reverse
  }
}

.not__found-text {
  text-align: center
}

.not__found-text h2 {
  font-size: 4rem;
  color: #471e3e;
  text-transform: uppercase
}

.not__found-text h6 {
  margin-bottom: 70px;
  color: #471e3e;
  text-transform: uppercase
}

.not__found-text p {
  font-weight: 400;
  line-height: 1.5;
  color: #5a5a5a
}

.not__found-text a {
  font-weight: bold;
  color: #471e3e;
  text-transform: uppercase
}

.not__found-boi {
  width: 500px;
  height: 500px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

@media screen and (max-width: 768px) {
  .not__found-boi {
      width: 400px;
      height: 400px
  }
}

#double-image>div>div>div {
  display: flex;
  justify-content: space-evenly
}

@media screen and (max-width: 768px) {
  #double-image>div>div>div {
      flex-direction: column;
      align-items: center
  }
}

.double-image {
  z-index: 10;
  width: 100%;
  height: 400px
}

@media screen and (max-width: 768px) {
  .double-image {
      height: 600px
  }
}

.double__image-box-bg {
  width: 550px;
  height: 100%;
  max-height: 400px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 10px 10px 10px 10px
}

@media screen and (max-width: 768px) {
  .double__image-box-bg {
      margin-bottom: 50px
  }
}

@media screen and (max-width: 480px) {
  .slick-current {
      transform: scaleY(1.1);
      transition: all .5s ease
  }

  .slick-current .generic-item__info {
      background-color: #471e3e;
      color: #fff
  }

  .slick-current .generic-item__info .generic-item__view-icon {
      transform: scaleY(0.9);
      background-color: #fff;
      color: #471e3e
  }
}

section#governance-list .row {
  margin: 0
}

.pt__item {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  min-height: 400px
}

.pt__item .pt__box-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  border-radius: 0px 10px 10px 0px;
  width: inherit;
  justify-content: space-between
}

@media screen and (max-width: 768px) {
  .pt__item .pt__box-wrap {
      width: 96%;
      display: flex;
      flex-direction: column-reverse;
      margin: 0 auto
  }

  .pt__item .pt__box-wrap .pt__box-left {
      width: 100%
  }

  .pt__item .pt__box-wrap .pt__box-right {
      width: 100%;
      aspect-ratio: 5/3
  }

  .pt__item .pt__box-wrap .ptright-box-bg--detail {
      height: auto !important;
      width: 100%;
      left: 0 !important;
      bottom: -1px !important;
      transform: rotate(0) !important
  }
}

.pt__box-left {
  width: 45%
}

.pt__box-left-text {
  margin-top: 25px
}

.pt__box-left-text h6 {
  color: #69303a;
  font-size: 1.5em;
  text-transform: capitalize;
  margin-bottom: 25px
}

.pt__box-right {
  position: relative;
  z-index: 10;
  width: 45%
}

.ptright-box-wrap {
  position: relative;
  height: 100%;
  overflow: hidden
}

.ptright-box-wrap .ptright-box-bg {
  width: 100%;
  height: 100%;
  background-color: #f4f1f0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 10px 10px 10px 10px
}

.ptright-box-wrap .ptright-box-bg .pt__item-img {
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center
}

.ptright-box-wrap .ptright-box-bg .pt__item-img img {
  height: 370px
}

.ptright-box-wrap .ptright-box-bg--detail {
  height: calc(100% + 2px);
  aspect-ratio: 4/4;
  position: absolute;
  bottom: -1px;
  left: -1px;
  background-image: url("../images/detail-xx-white.svg");
  background-repeat: no-repeat;
  background-size: calc(100% + 2px);
  background-position: bottom;
  transform: rotate(90deg)
}

.pt__item:nth-child(even) {
  border-radius: 10px 0px 0px 10px;
  flex-direction: row-reverse
}

.pt__item:nth-child(even) .pt__box-right {
  transform: rotate(270deg)
}

.pt__item:nth-child(even) .pt__box-right .ptright-box-wrap .ptright-box-bg {
  border-radius: 10px 0px 0px 10px;
  transform: rotate(-270deg)
}

.single_button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 155px;
  height: 63px;
  background-image: url("../images/new-btn-purple.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-left: 20px
}

.single_button h2 {
  font-size: 1rem;
  color: #fff;
  text-transform: uppercase
}


#blog-posts>div>div>div>div>div div>h4 {
  font-size: 1rem
}

#blog-posts>div>div>div>div>div p {
  font-size: .8rem
}

#blog-posts>div>div>div>div>div div>.generic-item__view-icon {
  height: 40px;
  width: 40px
}

* {
  box-sizing: border-box
}

.tab {
  float: left;
  width: 20%;
  height: 300px;
  margin-right: 30px
}

.tab h6 {
  margin-left: 10px;
  color: #2d2d2d;
  font-size: 1rem
}

@media screen and (max-width: 1035px) {
  .tab {
      width: 100%;
      display: flex;
      height: auto;
      min-height: 100px;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      justify-content: space-between
  }

  .tab .tab button:last-of-type {
      border-bottom: none
  }
}

@media screen and (max-width: 615px) {
  .tab {
      justify-content: space-between
  }
}

@media screen and (max-width: 615px) {
  .posttab {
      width: auto
  }

  .posttab h6 {
      width: 0;
      overflow: hidden;
      transition: all .2s ease
  }
}

.tab button {
  background-color: inherit;
  border-top: 1px solid #ccc;
  border-left: none;
  border-right: none;
  border-bottom: none;
  color: #000;
  padding: 10px 10px;
  width: 100%;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: all .2s ease
}

@media screen and (max-width: 1035px) {
  .tab button {
      border-top: none;
      height: 100%
  }
}

@media screen and (max-width: 615px) {
  .tab button {
      width: auto
  }
}

.tab .tablinks {
  height: auto
}

.tab .tablinks:last-of-type {
  border-bottom: 1px solid #ccc
}

@media screen and (max-width: 1035px) {
  .tab .tablinks:last-of-type {
      border-bottom: none
  }
}

.tab a:last-of-type button {
  border-bottom: 1px solid #ccc
}

@media screen and (max-width: 1035px) {
  .tab a:last-of-type button {
      border-bottom: none
  }
}

.tablinks {
  display: flex;
  flex-direction: row;
  align-items: center
}

@media screen and (max-width: 615px) {
  .tablinks {
      width: auto
  }

  .tablinks h6 {
      width: 0;
      overflow: hidden;
      transition: all .2s ease
  }
}

.tab button:hover {
  background-color: #f4efec
}

.tab button.active {
  background-color: #f4efec;
  transition: all .2s ease;
  min-width: 137px;
	border-radius: 0 0 8px 8px;
}

.tab button.active h6 {
  width: -moz-fit-content;
  width: fit-content;
  transition: all .2s ease;
  color: #471e3e
}

.tab button.active #Camada_2 path {
  fill: #471e3e
}

.blog-icon {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100%
}

#Camada_2 {
  width: 30px;
  height: 30px
}

#Camada_2 path {
  fill: #5a5a5a
}

.tabcontent {
  display: none;
  float: left;
  padding: 0px 12px;
  width: 77%;
  border-left: none
}

@media screen and (max-width: 1035px) {
  .tabcontent {
      width: 100%;
      margin-top: 30px
  }
}

@media only screen and (max-width: 768px)and (min-width: 480px) {
  .tabcontent .col-12 {
      width: 50%
  }
}

@media screen and (max-width: 480px) {
  .tabcontent .col-12 {
      width: 100%
  }
}

#blogLoadingSkell {
  display: block
}

#blogLoadingSkell .featured {
  border-radius: 0 0 20px 20px
}

#blogLoadingSkell .row {
  margin-top: 90px
}

#blogLoadingSkell .generic-item__thumbnail {
  height: 160px
}

#blogLoadingSkell .featured-item__info {
  background-color: rgba(0, 0, 0, 0)
}

#blogLoadingSkell .generic-item__info {
  background-color: #f4f1f0;
  justify-content: space-between
}

#blogLoadingSkell .generic-item__info div h4 {
  color: rgba(0, 0, 0, 0);
  border-radius: 5px !important;
  width: -moz-fit-content;
  width: fit-content
}

#blogLoadingSkell .generic-item__info div .generic-item__excerpt div {
  margin-bottom: 2px !important;
  border-radius: 5px !important;
  color: rgba(0, 0, 0, 0) !important;
  width: -moz-fit-content;
  width: fit-content
}

.loading-skell {
  position: relative;
  background-color: #e7deca;
  overflow: hidden
}

.loading-skell::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background-image: linear-gradient(to left, transparent, #471e3e, transparent);
  animation: loadinSkell 1s infinite
}

@keyframes loadinSkell {
  100% {
      transform: translateX(100%)
  }
}

.dicas__banner,
.cortes_de_carne__banner,
.institucional__banner,
.receitas__banner {
  position: relative;
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center
}

.dicas__banner-image,
.cortes_de_carne__banner-image,
.institucional__banner-image,
.receitas__banner-image {
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  border-radius: 0 0 10px 10px
}

.dicas__banner-image img,
.cortes_de_carne__banner-image img,
.institucional__banner-image img,
.receitas__banner-image img {
  width: 100%;
  max-height: 300px
}

.recipe__image--detail {
  width: 880px;
  height: 246px;
  position: absolute;
  bottom: -1px;
  background-image: url("../images/detail-xx-white-NEW.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  filter: invert(100%)
}

* {
  box-sizing: border-box
}

.posttab {
  display: flex;
  flex-direction: row;
  align-items: center
}

.postcontent {
  float: left;
  padding: 0px 12px;
  width: 77%;
  border-left: none
}

@media screen and (max-width: 1035px) {
  .postcontent {
      width: 100%;
      margin-top: 30px
  }
}

.post-title {
  color: #471e3e;
  font-weight: 400;
  margin-bottom: 45px;
  text-transform: uppercase
}

.recipe-banner {
  /*margin-bottom: 60px;*/
  position: relative;
}

.recipe__image {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content
}

.recipe__image img {
  border-radius: 10px;
  width: 100%;
  aspect-ratio: 5/3
}

.recipe__image .recipe__image--detail {
  width: 100.5%;
  aspect-ratio: 1/1;
  position: absolute;
  bottom: -1px;
  left: -1px;
  background-image: url("../images/detail-xx-white-NEW.svg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%
}

.institucional__image img {
  width: 100%;
  aspect-ratio: 5/3;
  border-radius: 10px
}

.institucional__image--detail {
  width: calc(100% + 2px);
  aspect-ratio: 5/3;
  position: absolute;
  bottom: -1px;
  left: 0px;
  background-image: url("../images/detail-xx-white-NEW.svg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  filter: invert(100%)
}

.institucional__text {
  text-align: justify
}

.institucional__text p {
  margin-bottom: 10px
}

.prepare_social {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px
}

@media screen and (max-width: 768px) {
  .prepare_social {
      display: block
  }

  .prepare_social .prepare {
      margin: 0 auto;
      gap: 15px;
      width: 100%
  }

  .prepare_social .social {
      width: 50%;
      margin: 30px auto 0;
  }

  .prepare_social .social .social-icons {
      width: auto
  }
}

.prepare {
  width: 50%;
  display: flex;
  justify-content: space-between
}

.prepare .prepare__detail {
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.prepare .prepare__detail .prepare__detail-title {
  color: #471e3e;
  margin-bottom: 20px
}

.prepare .prepare__detail .prepare__detail-icon {
  width: 50px;
  height: 50px;
  background-color: #f4f1f0;
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
  border-radius: 50%;
  outline-style: solid;
  outline-width: 5px;
  outline-color: #f4f1f0;
  margin-bottom: 20px
}

.social {
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center
}

.social .social-title {
  color: #471e3e;
  margin-bottom: 20px
}

.social .social-icons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px
}

.social .social-icons .social-icon {
  width: 65px;
  height: 65px;
  background-color: #f4f1f0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
	filter: grayscale(100%) ;
	opacity: .35;
}
.social .social-icons .social-icon:hover {
	opacity: 1;
	filter: grayscale(0) ;
}
.social-blog {
  display: flex;
  justify-content: center;
  width: 100%;
  align-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 50px
}

.social-blog .social-title,
.social-blog .social-icons {
  width: 140px
}

.ingredients-steps {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between
}

@media screen and (max-width: 768px) {
  .ingredients-steps {
      display: block
  }

  .ingredients-steps .ingredients {
      width: 100%
  }

  .ingredients-steps .prepare_steps {
      width: 100%;
      margin-top: 50px
  }
}

.ingredients {
  width: 45%;
  display: flex;
  flex-direction: column
}

.ingredient-title {
  color: #471e3e
}

.ingredient-header {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 20px
}

.ingredient-icon {
  width: 35px;
  height: 35px;
  background-color: #f4f1f0;
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: center;
  border-radius: 50%;
  outline-style: solid;
  outline-width: 5px;
  outline-color: #f4f1f0;
  margin-right: 20px
}

.ingredients-list li {
  line-height: 25px;
  
}

.prepare_steps {
  width: 45%;
  display: flex;
  flex-direction: column
}

.prepare_steps-header {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 20px
}

.prepare_steps-icon {
  width: 35px;
  height: 35px;
  background-color: #f4f1f0;
  background-repeat: no-repeat;
  background-size: 65%;
  background-position: center;
  border-radius: 50%;
  outline-style: solid;
  outline-width: 5px;
  outline-color: #f4f1f0;
  margin-right: 20px
}

.prepare_steps-title {
  color: #471e3e
}

.hero {
  position: relative;
  overflow: hidden;
  height: 520px;
  background-color: #e7deca
}

@media screen and (max-width: 480px) {
  .hero {
      display: none
  }
}

.hero .slick-slide {
  position: relative;
  z-index: 2
}

.hero .slick-slide.slick-active .hero__text {
  top: 0;
  transition: 400ms all;
  opacity: 1
}

.hero .slick-slide.slick-active .hero__text .hero__title {
  margin-bottom: 32px;
  transition: 400ms margin-bottom;
  transition-delay: 200ms;
	font-weight: 400 !important;
}

.hero__detail {
  position: absolute;
  bottom: -1px;
  left: 0;
  filter: invert(100%)
}

.hero__item {
  width: 100vw;
  display: grid;
  grid-template-columns: 7fr 5fr;
  background-color: #69303a
}

.hero__item-purple {
  width: 100vw;
  display: grid;
  grid-template-columns: 7fr 5fr;
  background-color: #471e3e
}

.hero__image {
  position: relative;
  height: 520px
}

.hero__image:after {
  content: "";
  height: 100%;
  width: 200px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("../images/hero-separator.svg");
  background-size: cover;
  background-position: right center
}

.hero__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.hero__image-purple {
  position: relative;
  height: 520px
}

.hero__image-purple:after {
  content: "";
  height: 100%;
  width: 200px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("../images/hero-separator-purple.svg");
  background-size: cover;
  background-position: right center
}

.hero__image-purple img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.hero__text {
  max-width: calc(41.6666666667vw - (100vw - 1240px)/2 - 16px);
  padding: 90px 1rem 1rem;
  text-align: center;
  position: relative;
  z-index: 10;
  top: -200px;
  opacity: 0
}

.hero__text a {
  text-decoration: none
}

.hero__text .standard-button {
  margin: 0 auto
}

.hero__title {
  font-family: 'bistro_scriptregular';
  font-size: 4.375rem;
  color: #fff;
  margin-bottom: -1px;
  font-weight: normal;
  text-shadow: 0 0 1px #fff
}

.hero__subtitle {
  font-family: 'bistro_scriptregular';
  font-size: 2.375rem;
  color: #fff
}

@media screen and (max-width: 640px) {
	.slick-slide img {
    display: block;
    width: calc(100% + 2px);
    left: -1px;
    max-width: inherit;
}
	.hero__image:after{
		right: -1px
	}
	.hero__title{
		text-align: left;
		font-size: 2.5rem;
	}
	.hero__subtitle{
		text-align: left;
		font-size: 1.8rem;
	}
	.hero,
	.hero__image{
		height: 400px;
	}
}

.vagas {
  display: flex;
  flex-direction: row;
  max-width: 1100px;
  margin-bottom: 25px
}

.vagas h2 {
  color: #69303a
}

.dropdown__general {
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  transition: all .4s linear
}

.dropdown__general__container {
  width: 100%;
  max-width: 1100px;
  margin: 0 0
}

.dropdown__general__sitemap {
  background-color: #fff
}

.dropdown__general__menu {
  position: relative;
  margin: 0 -16px
}

.dropdown__general__menu .text-padding {
  width: 100%;
	text-align: left;
  display: flex;
align-items: center;
  justify-content: space-between;
  padding: 0px 30px 0 30px;
	line-height: 22px;
}

.dropdown__general__menu form {
  margin-top: 25px;
  padding: 0 16px 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	z-index: 9;
	position: relative;
}

.dropdown__general__menu form h2 {
  width: 220px;
  text-transform: uppercase;
  color: #471e3e;
  font-size: 1rem
}

.dropdown__general__menu form input {
  padding: 12px;
  font-size: 1rem;
  border: 1px solid #b4b6b8;
  border-radius: 5px;
  margin-bottom: 20px;
  outline: rgba(0, 0, 0, 0)
}

.dropdown__general__menu form input::-moz-placeholder {
  color: #b4b6b8
}

.dropdown__general__menu form input::placeholder {
  color: #b4b6b8
}

.dropdown__general__menu form .trabalhe__form-contact-info {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.dropdown__general__menu form .trabalhe__form-contact-info input[type=text] {
  width: 100%
}

.dropdown__general__menu form .trabalhe__form-contact-info input[type=email] {
  width: 60%
}

.dropdown__general__menu form .trabalhe__form-contact-info input[type=number] {
  width: 35%
}

@media screen and (max-width: 800px) {
  .dropdown__general__menu form .trabalhe__form-contact-info {
      width: 100%;
      margin-top: 15px
  }

  .dropdown__general__menu form .trabalhe__form-contact-info input {
      width: 100% !important;
      margin-right: 0 !important
  }
}

.dropdown__general__menu form .trabalhe__form-contact-msg {
  width: 70%
}

.dropdown__general__menu form .trabalhe__form-contact-msg textarea {
  width: 100%;
  resize: none;
  padding: 12px;
  font-size: 1rem;
  border: 1px solid #b4b6b8;
  border-radius: 5px;
  margin-bottom: 20px;
  outline: rgba(0, 0, 0, 0)
}

.dropdown__general__menu form .trabalhe__form-contact-msg textarea::-moz-placeholder {
  color: #b4b6b8
}

.dropdown__general__menu form .trabalhe__form-contact-msg textarea::placeholder {
  color: #b4b6b8
}

.dropdown__general__menu form .trabalhe__form-contact-msg input[type=file] {
  display: none
}

.dropdown__general__menu form .trabalhe__form-contact-msg .file-customBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  text-align: center;
  background-color: #fff;
  padding: 15px;
  border-radius: 5px;
  color: #5a5a5a;
  border: 1px solid #b4b6b8;
  cursor: pointer
}

.dropdown__general__menu form .trabalhe__form-contact-msg .file-customBox .upload-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../images/icons/download.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(34%) sepia(0%) saturate(37%) hue-rotate(164deg) brightness(calc(100% + 2px)) contrast(96%)
}

@media screen and (max-width: 800px) {
  .dropdown__general__menu form .trabalhe__form-contact-msg {
      width: 100%;
      margin-top: 15px
  }

  .dropdown__general__menu form .trabalhe__form-contact-msg input {
      width: 100% !important;
      margin-right: 0 !important
  }
}

.dropdown__general__menu form .trabalhe__form-contact-verify {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  position: relative;
  z-index: 100000000000000000
}

.dropdown__general__menu form .trabalhe__form-contact-verify .not-robot {
  display: none;
  width: 200px;
  height: 90px;
  background-color: #fff;
  border-radius: 5px
}

.dropdown__general__menu form .trabalhe__form-contact-verify .verify-policy {
  display: flex;
  width: 70%;
  color: #000
}

.dropdown__general__menu form .trabalhe__form-contact-verify .verify-policy input[type=checkbox] {
  padding: 0;
  align-self: flex-start;
  margin-bottom: 0
}

.dropdown__general__menu form .trabalhe__form-contact-verify .verify-policy p {
  font-size: 1rem;
  margin-left: 15px
}

.dropdown__general__menu form .trabalhe__form-contact-verify .verify-policy p span {
  font-weight: bold;
  text-decoration: underline
}

.dropdown__general__menu form .trabalhe__form-contact-verify button {
  color: #fff;
  position: relative;
  z-index: 100000000000000000
}

@media screen and (max-width: 768px) {
  .dropdown__general__menu form .trabalhe__form-contact-verify {
      justify-content: center
  }

  .dropdown__general__menu form .trabalhe__form-contact-verify .verify-policy {
      width: 100%
  }

  .dropdown__general__menu form .trabalhe__form-contact-verify .verify-policy p {
      font-size: .9rem
  }

  .dropdown__general__menu form .trabalhe__form-contact-verify button {
      margin-top: 15px
  }
}

.dropdown__general__menu form .form-line {
  height: 1px;
  width: 100%;
  background-color: #b4b6b8;
  margin: 30px 0
}

.dropdown__general__menu-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 60px;
	padding: 10px 0;
  color: #b4b6b8;
  background: rgba(0, 0, 0, 0);
  border: none;
  padding: 0;
  font-size: 1rem;
  font-weight: 500
}

.dropdown__general__menu-title i {
  color: #b4b6b8;
	line-height: 60px;
  transition: 100ms
}

.dropdown__general__menu-title[aria-expanded=true] i {
  transform: rotate(180deg)
}

.dropdown__general__menu-title-active {
  margin-top: 15px;
  border-radius: 15px 15px 0 0;
  background-color: #f4efec;
  color: #471e3e;
  transition: all .2s ease;
  font-weight: bold
}

.dropdown__general__menu-title-active i {
  color: #471e3e
}

.dropdown__general__menu-items,
.dropdown__general__menu-answer {
  height: 0;
  overflow: hidden;
  transition: all .4s linear;
  position: relative
}

.dropdown__general__menu-items ul,
.dropdown__general__menu-answer ul {
  padding: 10px 0 16px 0
}

@media screen and (max-width: 480px) {

  .dropdown__general__menu-items ul,
  .dropdown__general__menu-answer ul {
      padding: 0;
      line-height: 30px
  }
}

.dropdown__general__menu-items a,
.dropdown__general__menu-answer a {
  display: block;
  text-decoration: none;
  color: #2d2d2d;
  padding: 12px 0;
  font-size: .9rem
}

@media screen and (max-width: 480px) {

  .dropdown__general__menu-items a,
  .dropdown__general__menu-answer a {
      color: #69303a
  }
}

.dropdown__general__menu-items a:hover,
.dropdown__general__menu-answer a:hover {
  transition: 200ms;
  text-decoration: underline
}

.dropdown__general__menu-items .menu-item,
.dropdown__general__menu-answer .menu-item {
  padding: 0 16px;
  border-bottom: 1px solid #e7deca
}

.dropdown__general__menu-items .menu-item:last-of-type,
.dropdown__general__menu-answer .menu-item:last-of-type {
  border-bottom: none
}

.dropdown-detalhe {
  width: 100%;
  aspect-ratio: 1;
  position: absolute;
  bottom: -1px;
  background-image: url("../images/detail-xx-white-NEW.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  filter: invert(1);
  transition: all .4s linear
}

.dropdown__general__menu-items--active,
.dropdown__general__menu-answer--active {
  min-height: 250px;
  height: auto;
  padding-bottom: 5px;
  background-color: #f4efec;
  padding-bottom: 110px;
  transition: none
}

.dropdown__general__menu {
  border-bottom: 1px solid #b4b6b8
}

.dropdown__general__menu:last-of-type {
  border-bottom: 1px solid #b4b6b8
}

.featured {
  height: 300px;
  display: flex
}

@media screen and (max-width: 1024px) {
  .featured {
      width: 100%
  }
}

@media screen and (max-width: 480px) {
  .featured {
      height: auto;
      display: block
  }

  .featured .featured-item__thumbnail {
      width: 100%
  }

  .featured .featured-item__thumbnail img {
      border-radius: 20px 20px 0 0
  }

  .featured .featured-item__info {
      width: 100%;
      border-radius: 0 0 10px 20px;
      padding-bottom: 15px
  }
}

.featured-item__thumbnail {
  width: 40%;
  height: 300px;
  max-height: 300px
}

.featured-item__thumbnail img {
  border-radius: 0 0 0 20px;
  max-height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.featured-item__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  background-color: #471e3e;
  border-radius: 0 0 20px 0
}

.featured-item__info--details {
  width: 80%;
  color: #fff
}

.featured-item__info--details h4 {
  margin: 25px auto
}

.featured-item__info--details p {
  margin-bottom: 25px
}

.featured-item-btn {
  align-self: flex-start;
  left: 10%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 170px;
  height: 60px;
	padding-bottom: 10px;
  border: none;
  outline: none;
  color: #471e3e;
  background-image: url("../images/new-btn-white.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom
}

.featured-item-btn h6 {
  text-transform: uppercase;
  text-align: center;
	font-size:1.2rem;
}

.featured-item-btn-icon {
  height: 30px;
  width: 30px;
  color: #fff;
  background-color: #471e3e;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  font-size: 18px
}

@media screen and (min-width: 1024px) {
  .featured-item-btn-icon {
      font-size: 20px;
      height: 35px;
      width: 35px
  }
}

@media screen and (max-width: 480px) {
  #contato-pf {
      padding-top: 0
  }
}

@media screen and (max-width: 768px) {
  #contato-pf>div {
      padding: 0
  }
}

@media screen and (max-width: 480px) {
  .contato-pf-banner {
      display: block
  }
}

@media screen and (max-width: 480px) {
  .contato-pf-banner .slick-current {
      transform: scaleY(1)
  }
}

@media screen and (max-width: 768px) {
  .contato-forms {
      padding: 0
  }
}

.contato {
  overflow: hidden
}

.contato .active {
  color: #69303a;
  background-color: #f4efec
}

.contato .active svg path {
  fill: #69303a !important
}

.contato .active p {
  display: block !important;
  opacity: 1 !important
}

@media screen and (max-width: 1143px) {
  .contato .contato-links {
      padding: 14px
  }

  .contato .contato-links p {
      display: none;
      opacity: 0
  }
}

.contato button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: .3s;
  background-color: #fff;
  border: 1px solid #f4efec;
  border-bottom: none;
  border-radius: 10px 10px 0 0
}

.contato-content {
  height: auto;
  display: none;
  padding: 6px 12px;
  background-color: #f4efec;
  border-top: none
}

#encontrar {
  position: relative;
  flex-direction: column;
  display: flex;
  padding-bottom: 90px
}

.encontrar-separator {
  width: 41%;
  border-bottom: 1px solid #b4b6b8;
  align-self: left;
  margin-left: 40px
}

.encontrar-location {
  display: grid;
  justify-content: space-between;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  padding: 40px
}

@media screen and (max-width: 855px) {
  .encontrar-location {
      grid-template-columns: 1fr;
      padding: 10px
  }
}

.cep-field {
  width: 100% !important;
  margin: 0px !important
}

.cep-field h5 {
  font-size: 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #69303a;
  margin-bottom: 40px
}

.cep-field input::-moz-placeholder {
  font-family: "Roboto", sans-serif;
  padding: 10px 10px
}

.cep-field input::placeholder {
  font-family: "Roboto", sans-serif;
  padding: 10px 10px
}

.cep-field input[name=cep] {
  width: 90%;
  height: 55px;
  border: 1px solid #b4b6b8;
  border-radius: 2px;
  outline: rgba(0, 0, 0, 0);
  margin-right: 5%
}

@media screen and (max-width: 855px) {
  .cep-field {
      width: 95% !important
  }

  .cep-field h5 {
      font-size: 1.05rem
  }
}

.item__location-store {
  display: flex;
  max-width: 400px;
  padding-bottom: 30px;
  padding-top: 30px;
	
	    border-bottom: 2px solid rgba(0,0,0,.15);
}

.encontrar-location-icon {
  width: 40px;
  height: 50px;
  margin-right: 15px;
}

.encontrar-location-icon i {
  font-size: 4rem
}

@media screen and (max-width: 480px) {
  .encontrar-location-icon {
      margin-right: 10px
  }

  .encontrar-location-icon i {
      font-size: 3rem
  }
}

.encontrar-location-text {
  width: 400px;
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 480px) {
  .encontrar-location-text {
      width: 340px
  }
}

.encontrar-location-text h5 {
  color: #69303a;
  font-size: 1rem;
  text-transform: uppercase
}

.encontrar-location-text div {
  display: flex;
  width: 400px
}

.encontrar-location-text div p {
  margin-right: 2px;
  width: -moz-fit-content;
  width: fit-content
}

#sac {
  position: relative;
  flex-direction: column;
  width: 100%;
  padding-bottom: 90px
}

@media screen and (max-width: 768px) {
  #sac input {
      width: 100%;
      margin-bottom: 15px
  }

  #sac .sac-contato,
  #sac .sac-mensagem {
      display: block
  }

  #sac .sac-contato .sac-contato-label,
  #sac .sac-contato .sac-mensagem-label,
  #sac .sac-mensagem .sac-contato-label,
  #sac .sac-mensagem .sac-mensagem-label {
      width: 100%;
      padding: 10px
  }

  #sac .sac-contato .sac-contato-inputs,
  #sac .sac-contato .sac-mensagem-inputs,
  #sac .sac-mensagem .sac-contato-inputs,
  #sac .sac-mensagem .sac-mensagem-inputs {
      padding: 10px;
      width: 100%
  }
}

.sac-contato {
  width: 100%;
  display: flex
}

.sac-contato-label {
  width: 30%;
  padding: 40px;
  margin-top: 15px;
  color: #471e3e
}

.sac-contato-label h5 {
  font-size: 1.26rem;
  text-transform: uppercase
}

#nome {
  width: 55%;
  margin-right: 5%;
  margin-bottom: 5%
}

#telefone {
  width: 40%
}

.sac-contato-inputs {
  width: 70%;
  padding: 80px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.sac-contato-inputs input {
  padding: 10px 10px;
  height: 45px;
  border: 1px solid #b4b6b8;
  border-radius: 2px;
  outline: rgba(0, 0, 0, 0)
}

.sac-contato-inputs input::-moz-placeholder {
  font-family: "Roboto", sans-serif
}

.sac-contato-inputs input::placeholder {
  font-family: "Roboto", sans-serif
}

#email {
  width: 55%;
  /*margin-right: 5%*/
}

#cidade {
  width: 25%;
  margin-right: 5%
}

#df {
  text-transform: uppercase;
  width: 10%
}

.sac-separator {
  width: 90%;
  border-bottom: 1px solid #b4b6b8;
  align-self: center
}

.sac-mensagem {
  width: 100%;
  display: flex
}

@media screen and (max-width: 480px) {
  .sac-mensagem {
      padding-bottom: 20px
  }
}

.sac-mensagem-label {
  width: 30%;
  padding: 40px;
  margin-top: 15px;
  color: #471e3e
}

.sac-mensagem-label h5 {
  font-size: 1.26rem;
  text-transform: uppercase
}

.sac-mensagem-inputs {
  width: 70%;
  padding: 80px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.sac-mensagem-inputs input {
  padding: 10px 10px;
  height: 45px;
  border: 1px solid #b4b6b8;
  border-radius: 2px;
  outline: rgba(0, 0, 0, 0)
}

.sac-mensagem-inputs input::-moz-placeholder {
  font-family: "Roboto", sans-serif
}

.sac-mensagem-inputs input::placeholder {
  font-family: "Roboto", sans-serif
}

#assunto {
  width: 30%;
  margin-bottom: 5%
}

#mensagem {
  resize: none;
  outline: rgba(0, 0, 0, 0);
  border: 1px solid #b4b6b8;
  border-radius: 2px
}

#sac-mensagem::-moz-placeholder {
  font-family: "Roboto", sans-serif;
  padding: 10px 10px
}

#sac-mensagem::placeholder {
  font-family: "Roboto", sans-serif;
  padding: 10px 10px
}

.sac-politicas {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 0 10px 10px;
  margin-bottom: 50px;
}

.sac-checkbox {
  display: flex;
  justify-content: center;
  width: 70%;
  gap: 20px;
  margin-bottom: 30px;
  margin-top: 30px
}

@media screen and (max-width: 480px) {
  .sac-checkbox {
      width: 100%
  }
}

.sac-checkbox input[type=checkbox] {
  width: 25px !important
}

#checkbox-politicas {
  margin-right: 5px
}

.sac-detalhe {
  width: calc(100% + 2px);
   height: 170px; 
  position: absolute;
  bottom: -1px;
  left: 0px;
  background-image: url("../images/detail-xx-white-NEW.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  filter: invert(1)
}

#acessoria {
  position: relative;
  padding-bottom: 90px
}

.acessoria-info {
  display: flex;
  flex-direction: column;
  width: 40%;
  height: 150px;
  margin: 40px
}

.acessoria-info h1 {
  text-transform: uppercase;
  color: #69303a;
  font-weight: 400;
  margin-bottom: 40px;
  font-size: 2rem
}

@media screen and (max-width: 768px) {
  .acessoria-info {
      width: 100%
  }
}

@media screen and (max-width: 480px) {
  .acessoria-info {
      text-align: center
  }
}

.search-heading {
  display: flex;
  align-items: center;
  margin-top: 70px
}

.search-heading h1 {
  color: #2d2d2d;
  text-transform: uppercase;
  font-weight: 300;
  margin-right: 10px
}

.search-heading h2 {
  color: #471e3e;
  font-weight: 400
}

.search-heading h2::first-letter {
  text-transform: uppercase
}

.search-container {
  margin-bottom: 70px
}

.search__result-item-wrap {
  transition: all .4s ease
}

.search__result-item-wrap .search__result-item {
  display: flex;
  display: none;
  justify-content: space-between;
  align-items: center;
  padding: 45px 55px;
  border-bottom: 2px solid #b4b6b8;
  transition: all .2s ease
}

@media screen and (max-width: 768px) {
  .search__result-item-wrap .search__result-item {
      flex-direction: column;
      align-items: flex-start
  }
}

.search__result-item-wrap .search__result-item:hover {
  background-color: #f4efec
}

.search__result-item-wrap .search__result-item:hover .search__result-item-text {
  color: #471e3e
}

.search__result-item-wrap .search__result-item:hover .search__result-item-btn button {
  background-color: #471e3e;
  color: #fff
}

.search__result-item-wrap .search__result-item:hover .search__result-item-btn button::after {
  filter: invert(98%) sepia(57%) saturate(1575%) hue-rotate(294deg) brightness(139%) contrast(89%)
}

.search__result-item-wrap .search__result-item:first-of-type {
  border-radius: 10px 10px 0 0
}

.search__result-item-wrap .search__result-item:last-of-type {
  border-radius: 0 0 10px 10px;
  border-bottom: none
}

.search__result-item-wrap .search__result-item .search__result-item-text {
  max-width: 600px;
  color: #b4b6b8
}

.search__result-item-wrap .search__result-item .search__result-item-text h2 {
  font-size: 1.1rem
}

.search__result-item-wrap .search__result-item .search__result-item-text .search__result-item-text-description {
  margin-top: 15px
}

.search__result-item-wrap .search__result-item .search__result-item-btn a {
  text-decoration: none
}

.search__result-item-wrap .search__result-item .search__result-item-btn a button::after {
  transition: all .2s ease
}

.search__result-item-btn-icon {
  height: 20px;
  width: 20px;
  color: #fff;
  background-color: #471e3e;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  font-size: 18px
}

@media screen and (min-width: 1024px) {
  .search__result-item-btn-icon {
      font-size: 15px;
      height: 25px;
      width: 25px
  }
}

.load-more {
  width: 100%;
  text-align: center
}

.load-more button {
  margin: 0 auto;
  margin-top: 50px
}

.no-match {
  color: #471e3e;
  margin-bottom: 70px;
  text-align: center
}

@media screen and (max-width: 768px) {
  .search__result-item-text-description {
      margin-bottom: 25px
  }
}

@media screen and (max-width: 768px) {
  .contato-forms {
      padding: 0
  }
}

.contato-forms input,
.contato-forms textarea {
  border-radius: 5px
}

@media screen and (max-width: 480px) {
  .contato-pj-banner {
      display: block
  }
}

@media screen and (max-width: 480px) {
  .contato-pj-banner .slick-current {
      transform: scaleY(1)
  }
}

.contato-pj {
  margin-top: 70px;
  overflow: hidden;
  display: flex;
	justify-content:space-between;
}

@media screen and (max-width: 480px) {
  .contato-pj {
      margin-top: 20px
  }
}

.contato-pj .active {
  color: #69303a;
  background-color: #f4efec
}

.contato-pj .active svg path {
  fill: #471e3e !important
}

.contato-pj .active p {
  display: block !important;
  opacity: 1 !important
}

@media screen and (max-width: 1143px) {
  .contato-pj {
      overflow: scroll;
      scrollbar-width: none
  }

  .contato-pj::-webkit-scrollbar {
      display: none
  }
}

@media screen and (max-width: 1143px) {
  .contato-pj .contato-links {
      padding: 14px
  }

  .contato-pj .contato-links p {
      display: none;
      opacity: 0
  }
}

.contato-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  width: auto;
  margin-right: 10px;
  transition: all 2.5s ease
}

.contato-links p {
  white-space: nowrap;
  transition: all 2.5s ease
}

#contato-icon {
  width: 30px;
  height: 30px;
  margin-right: 0 !important
}

#contato-icon path {
  fill: #5a5a5a
}

.contato-pj button {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 10px;
  transition: .3s;
  background-color: #fff;
  border: 1px solid #f4efec;
  border-bottom: none;
  border-radius: 10px 10px 0 0
}
.contato-pj button:last-child{
	margin-right: 0;
}

.contato-content {
  height: auto;
  display: none;
  padding: 6px 12px;
  background-color: #f4efec;
  border-top: none
}

#centro-distribuicao {
  position: relative;
  padding-bottom: 110px;
  flex-direction: column;
  display: none;
}

#centro-distribuicao .encontrar-location-pj {
  align-self: center
}

.cep-field {
  width: 100%;
  margin: 40px
}

.cep-field h5 {
  text-transform: uppercase;
  margin-bottom: 40px
}

.cep-field input[type=text] {
  padding: 10px
}

.cep-field input::-moz-placeholder {
  font-family: "Roboto", sans-serif;
  padding: 0
}

.cep-field input::placeholder {
  font-family: "Roboto", sans-serif;
  padding: 0
}

.centro-distribuicao-separator {
  width: 41%;
  border-bottom: 1px solid #b4b6b8;
  align-self: left;
  margin-left: 40px
}

.centro-distribuicao-location {
  display: flex;
  justify-content: flex-start;
  width: 50%;
  margin: 40px
}

.centro-distribuicao-location-icon {
  width: 40px;
  height: 50px;
  margin-right: 15px
}

.centro-distribuicao-location-icon i {
  font-size: 4rem
}

@media screen and (max-width: 480px) {
  .centro-distribuicao-location-icon i {
      font-size: 3rem
  }
}

.centro-distribuicao-location-text {
  width: 400px;
  display: flex;
  flex-direction: column
}

.centro-distribuicao-location-text div {
  display: flex;
  width: 400px
}

.centro-distribuicao-location-text div p {
  margin-right: 2px
}

.page-template-page-contato-pj #contato-forms{
	margin-bottom: 60px;
}
#sac-pj {
  position: relative;
  flex-direction: column;
  width: 100%;
  padding-bottom: 60px;
	margin-bottom: 60px;
  display: flex;
}

#políticas-content .section-base__text{
	margin-top: 0 !important;
	padding-top: 0 !important;
}

@media screen and (max-width: 768px) {
  #sac-pj input {
      width: 100%;
      margin-bottom: 15px
  }

  #sac-pj .sac-pj-contato,
  #sac-pj .sac-pj-mensagem {
      display: block
  }

  #sac-pj .sac-pj-contato .sac-pj-contato-label,
  #sac-pj .sac-pj-contato .sac-pj-mensagem-label,
  #sac-pj .sac-pj-mensagem .sac-pj-contato-label,
  #sac-pj .sac-pj-mensagem .sac-pj-mensagem-label {
      width: 100%;
      padding: 10px
  }

  #sac-pj .sac-pj-contato .sac-pj-contato-inputs,
  #sac-pj .sac-pj-contato .sac-pj-mensagem-inputs,
  #sac-pj .sac-pj-mensagem .sac-pj-contato-inputs,
  #sac-pj .sac-pj-mensagem .sac-pj-mensagem-inputs {
      padding: 10px;
      width: 100%
  }
}

.sac-pj-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 75px;
  border: none;
  outline: none;
  color: #fff;
  background-image: url("../images/new-btn-purple.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom
}

.sac-pj-btn h6 {
  text-transform: uppercase;
  text-align: center
}

.sac-pj-btn:hover {
  background-image: url("../images/new-btn-white.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom
}

.sac-pj-btn:hover h6 {
  color: #471e3e
}

.sac-pj-contato {
  width: 100%;
  display: flex
}

.sac-pj-contato-label {
  width: 30%;
  padding: 40px;
  margin-top: 15px;
  color: #471e3e
}

.sac-pj-contato-label h5 {
  font-size: 1.26rem;
  text-transform: uppercase
}

#nome {
  width: 60%;
  margin-right: 5%;
  margin-bottom: 5%
}

#cnpj {
  width: 35%
}

#telefone {
  width: 25%
}

.sac-pj-contato-inputs {
  width: 70%;
  padding: 40px 80px 40px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.sac-pj-contato-inputs input {
  padding: 10px 10px;
  height: 45px;
  border: 1px solid #b4b6b8;
  outline: rgba(0, 0, 0, 0)
}

.sac-pj-contato-inputs input::-moz-placeholder {
  font-family: "Roboto", sans-serif
}

.sac-pj-contato-inputs input::placeholder {
  font-family: "Roboto", sans-serif
}

#razao-social {
  width: 70%;
  margin-right: 5%;
  margin-bottom: 5%
}

#inscricao-estadual {
  width: 60%;
  margin-right: 5%;
  margin-bottom: 5%
}

#cnae {
  width: 35%
}

.sac-pj-separator {
  width: 90%;
  border-bottom: 1px solid #b4b6b8;
  align-self: center;
  margin-bottom: 25px
}

.sac-pj-mensagem {
  width: 100%;
  display: flex
}

@media screen and (max-width: 480px) {
  .sac-pj-mensagem {
      padding-bottom: 20px
  }
}

.sac-pj-mensagem-label {
  width: 30%;
  padding: 40px;
  margin-top: 15px;
  color: #471e3e
}

@media screen and (max-width: 480px) {
  .sac-pj-mensagem-label {
      margin-top: 0
  }
}

.sac-pj-mensagem-label h5 {
  font-size: 1.26rem;
  text-transform: uppercase
}

.sac-pj-mensagem-inputs {
  width: 70%;
  padding: 40px 40px;
  display: flex;
  flex-direction: column
}

.sac-pj-mensagem-inputs input {
  padding: 10px 10px;
  height: 45px;
  border: 1px solid #b4b6b8;
  outline: rgba(0, 0, 0, 0)
}

.sac-pj-mensagem-inputs input::-moz-placeholder {
  font-family: "Roboto", sans-serif
}

.sac-pj-mensagem-inputs input::placeholder {
  font-family: "Roboto", sans-serif
}

#mensagem-assunto {
  width: 30%;
  margin-bottom: 5%
}

#sac-pj-mensagem {
  resize: none;
  outline: rgba(0, 0, 0, 0);
  border: 1px solid #b4b6b8
}

#sac-pj-mensagem::-moz-placeholder {
  font-family: "Roboto", sans-serif;
  padding: 0
}

#sac-pj-mensagem::placeholder {
  font-family: "Roboto", sans-serif;
  padding: 0
}

.sac-pj-politicas {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding-bottom: 100px
}

.sac-pj-checkbox {
  display: flex;
  justify-content: center;
  width: 70%;
  gap: 20px;
  margin-bottom: 30px;
  margin-top: 30px
}

@media screen and (max-width: 480px) {
  .sac-pj-checkbox {
      width: 100%
  }
}

.sac-pj-checkbox input[type=checkbox] {
  width: 25px !important
}

#checkbox-politicas {
  margin-right: 5px
}

.sac-pj-detalhe {
  width: calc(100% + 2px);
  height: 170px;
  position: absolute;
  bottom: -1px;
  left: 0px;
  background-image: url("../images/detail-xx-white-NEW.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  filter: invert(1)
}

#comprar-gado {
  position: relative;
  flex-direction: column;
  width: 100%;
  padding-bottom: 90px
}

@media screen and (max-width: 768px) {
  #comprar-gado input {
      width: 100%;
      margin-bottom: 15px
  }

  #comprar-gado .sac-pj-contato,
  #comprar-gado .sac-pj-mensagem {
      display: block
  }

  #comprar-gado .sac-pj-contato .sac-pj-contato-label,
  #comprar-gado .sac-pj-contato .sac-pj-mensagem-label,
  #comprar-gado .sac-pj-mensagem .sac-pj-contato-label,
  #comprar-gado .sac-pj-mensagem .sac-pj-mensagem-label {
      width: 100%;
      padding: 10px
  }

  #comprar-gado .sac-pj-contato .sac-pj-contato-inputs,
  #comprar-gado .sac-pj-contato .sac-pj-mensagem-inputs,
  #comprar-gado .sac-pj-mensagem .sac-pj-contato-inputs,
  #comprar-gado .sac-pj-mensagem .sac-pj-mensagem-inputs {
      padding: 10px;
      width: 100%
  }
}

#nome-propriedade {
  width: 70%;
  margin-right: 5%;
  margin-bottom: 5%
}

#local {
  width: 25%
}

#comprar-produtos {
  position: relative;
  flex-direction: column;
  width: 100%;
  padding-bottom: 90px
}

@media screen and (max-width: 768px) {
  #comprar-produtos input {
      width: 100%;
      margin-bottom: 15px
  }

  #comprar-produtos .sac-pj-contato,
  #comprar-produtos .sac-pj-mensagem {
      display: block
  }

  #comprar-produtos .sac-pj-contato .sac-pj-contato-label,
  #comprar-produtos .sac-pj-contato .sac-pj-mensagem-label,
  #comprar-produtos .sac-pj-mensagem .sac-pj-contato-label,
  #comprar-produtos .sac-pj-mensagem .sac-pj-mensagem-label {
      width: 100%;
      padding: 10px
  }

  #comprar-produtos .sac-pj-contato .sac-pj-contato-inputs,
  #comprar-produtos .sac-pj-contato .sac-pj-mensagem-inputs,
  #comprar-produtos .sac-pj-mensagem .sac-pj-contato-inputs,
  #comprar-produtos .sac-pj-mensagem .sac-pj-mensagem-inputs {
      padding: 10px;
      width: 100%
  }
}

#representante {
  position: relative;
  flex-direction: column;
  width: 100%;
  padding-bottom: 60px;
	margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
  #representante input {
      width: 100%;
      margin-bottom: 15px
  }

  #representante .sac-pj-contato,
  #representante .sac-pj-mensagem {
      display: block
  }

  #representante .sac-pj-contato .sac-pj-contato-label,
  #representante .sac-pj-contato .sac-pj-mensagem-label,
  #representante .sac-pj-mensagem .sac-pj-contato-label,
  #representante .sac-pj-mensagem .sac-pj-mensagem-label {
      width: 100%;
      padding: 10px
  }

  #representante .sac-pj-contato .sac-pj-contato-inputs,
  #representante .sac-pj-contato .sac-pj-mensagem-inputs,
  #representante .sac-pj-mensagem .sac-pj-contato-inputs,
  #representante .sac-pj-mensagem .sac-pj-mensagem-inputs {
      padding: 10px;
      width: 100%
  }
}

#fornecedor {
  position: relative;
  flex-direction: column;
  width: 100%;
  padding-bottom: 90px
}

@media screen and (max-width: 768px) {
  #fornecedor input {
      width: 100%;
      margin-bottom: 15px
  }

  #fornecedor .sac-pj-contato,
  #fornecedor .sac-pj-mensagem {
      display: block
  }

  #fornecedor .sac-pj-contato .sac-pj-contato-label,
  #fornecedor .sac-pj-contato .sac-pj-mensagem-label,
  #fornecedor .sac-pj-mensagem .sac-pj-contato-label,
  #fornecedor .sac-pj-mensagem .sac-pj-mensagem-label {
      width: 100%;
      padding: 10px
  }

  #fornecedor .sac-pj-contato .sac-pj-contato-inputs,
  #fornecedor .sac-pj-contato .sac-pj-mensagem-inputs,
  #fornecedor .sac-pj-mensagem .sac-pj-contato-inputs,
  #fornecedor .sac-pj-mensagem .sac-pj-mensagem-inputs {
      padding: 10px;
      width: 100%
  }
}

#financeiro-fiscal {
  position: relative;
  flex-direction: column;
  width: 100%;
  padding-bottom: 90px
}

#financeiro-fiscal fieldset {
  border: 1px solid #b4b6b8
}

#financeiro-fiscal legend {
  padding-left: 5px;
  padding-right: 5px;
  color: #69303a
}

#financeiro-fiscal .checkbox-wraper {
  display: flex;
  align-items: center
}

#financeiro-fiscal .checkbox-wraper label {
  color: #b4b6b8
}

#financeiro-fiscal .checkbox-wraper input[type=checkbox] {
  margin-right: 15px;
  width: 16px !important;
  margin-bottom: 0 !important
}

#financeiro-fiscal .checkbox-wraper input[type=checkbox]:checked label {
  color: #000
}

@media screen and (max-width: 768px) {
  #financeiro-fiscal input {
      width: 100%;
      margin-bottom: 15px
  }

  #financeiro-fiscal .sac-pj-contato,
  #financeiro-fiscal .sac-pj-mensagem {
      display: block
  }

  #financeiro-fiscal .sac-pj-contato .sac-pj-contato-label,
  #financeiro-fiscal .sac-pj-contato .sac-pj-mensagem-label,
  #financeiro-fiscal .sac-pj-mensagem .sac-pj-contato-label,
  #financeiro-fiscal .sac-pj-mensagem .sac-pj-mensagem-label {
      width: 100%;
      padding: 10px
  }

  #financeiro-fiscal .sac-pj-contato .sac-pj-contato-inputs,
  #financeiro-fiscal .sac-pj-contato .sac-pj-mensagem-inputs,
  #financeiro-fiscal .sac-pj-mensagem .sac-pj-contato-inputs,
  #financeiro-fiscal .sac-pj-mensagem .sac-pj-mensagem-inputs {
      padding: 10px;
      width: 100%
  }
}

#exportacao {
  position: relative;
  flex-direction: column;
  width: 100%;
  padding-bottom: 90px
}

#exportacao #email {
  width: 40%;
  margin-right: 5%
}

#exportacao #empresa {
  width: 50%
}

@media screen and (max-width: 768px) {
  #exportacao input {
      width: 100%;
      margin-bottom: 15px
  }

  #exportacao .sac-pj-contato,
  #exportacao .sac-pj-mensagem {
      display: block
  }

  #exportacao .sac-pj-contato .sac-pj-contato-label,
  #exportacao .sac-pj-contato .sac-pj-mensagem-label,
  #exportacao .sac-pj-mensagem .sac-pj-contato-label,
  #exportacao .sac-pj-mensagem .sac-pj-mensagem-label {
      width: 100%;
      padding: 10px
  }

  #exportacao .sac-pj-contato .sac-pj-contato-inputs,
  #exportacao .sac-pj-contato .sac-pj-mensagem-inputs,
  #exportacao .sac-pj-mensagem .sac-pj-contato-inputs,
  #exportacao .sac-pj-mensagem .sac-pj-mensagem-inputs {
      padding: 10px;
      width: 100%
  }

  #exportacao #email {
      width: 100%
  }

  #exportacao #empresa {
      width: 100%
  }
}

textarea {
  padding: 10px
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 15%;
  background-color: #f9f9f9;
  min-width: 110px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, .2);
  z-index: 3
}

.dropdown-content:hover {
  color: #471e3e
}

label {
  display: block;
  padding: 5px 10px;
  cursor: pointer
}

.content {
  display: none;
  padding: 20px;
  margin: 10px
}

.screen-reader-text {
  display: none
}

.success-message {
  color: #471e3e;
  text-align: center;
  max-width: 40%
}

.success-text {
  display: flex;
  justify-content: center;
  align-items: center
}

.fail-message {
  color: #471e3e;
  text-align: center;
  max-width: 40%
}

.fail-text {
  display: flex;
  justify-content: center;
  align-items: center
}

.page-template-page-about #about-content {
  padding: 50px 0 20px
}

.page-template-page-about #about-content .entry-content,
.page-template-page-about #about-content .map__description {
  text-align: justify
}

@media screen and (min-width: 1024px) {

  .page-template-page-about #about-content .entry-content,
  .page-template-page-about #about-content .map__description {
      -moz-column-count: 2;
      column-count: 2;
      -moz-column-gap: 32px;
      column-gap: 32px
  }
}

.page-template-page-about #about-video {
  padding-top: 1px
}

@media screen and (max-width: 768px) {
  #about-map {
      padding-bottom: 70px
  }
}


@media screen and (max-width: 830px) {
  .timeline__item:nth-child(even) .timeline__box-right-text,
  .timeline__item:nth-child(even) .timeline__box-right,
  .timeline__box-right{
    text-align: center !important; 
  }
  .timeline__item:nth-child(even) .left-box-wrap .left-box-bg--detail,
  .left-box-wrap .left-box-bg--detail{
    bottom: -1px !important;
  }
  .timeline__item:nth-child(even) .left-box-wrap .left-box-bg,
  .left-box-wrap .left-box-bg{
    transform: rotate(0deg) !important
  }
  .timeline__item:nth-child(even) .timeline__box-left,
  .timeline__box-left {
    width: 100%;
      transform: rotate(0deg)!important; 
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  .timeline__box-separator{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .timeline__item .timeline-date,
  .timeline__item:nth-child(even) .timeline-date{
      margin: 0 auto !important;
      transform: translate(0) rotate(180deg) !important;
      background-image: none !important;
      background-color: #471e3e;
      border-radius: 4px;
  }
  .timeline__item:nth-child(even) .timeline-date{
    transform: translate(0) rotate(0deg) !important;
  }
}
.ingredients-list,
.prepare_steps-list{
	padding-left: 55px;
}

#faq .section-base__text{
	padding-top: 0
}

#linhasoranges .section-base__text.section-base__text--left{
	padding-top: 0;
	margin-bottom: 0
}
.encontrar-location .cep-field input[name=cep]{
	width: calc(100% - 240px);
}

@media screen and (max-width: 830px) {

.encontrar-location .cep-field input[name=cep]{
	width: calc(100% - 170px);
}	
}
.encontrar-location #storeSearchBtn {
	
	display:inline-block !important
}

.encontrar-location #storeSearchBtn:after{
	left: -1px;
}