@charset "UTF-8";
/* Tempero Main */
/* Tempero Main */
@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap");
@keyframes exibefloatheader {
  0% {
    position: fixed;
    top: -200px;
  }
  90% {
    top: 5px;
  }
  100% {
    top: 0px;
  }
}
@keyframes showMenu {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  80% {
    opacity: 0.3;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes showSearch {
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes HideSearch {
  0% {
    transform: translateY(0);
    opacity: 1;
    display: block;
  }
  100% {
    transform: translateY(100px);
    opacity: 0;
    display: none;
  }
}
@keyframes exibeheadertop {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.1);
  }
}
@keyframes fadeInExpand {
  from {
    opacity: 0;
    transform: translateY(20px);
    height: 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    height: calc(100% - 250px);
  }
}
/* Tempero Main */
@keyframes bounceHeightIn {
  0% {
    height: 50%;
  }
  50% {
    height: 80%;
  }
  70% {
    height: 100%;
    transform: translateY(-15px);
  }
  100% {
    height: 100%;
    transform: translateY(0);
  }
}
@keyframes bounceHeightOut {
  0% {
    height: 100%;
    transform: translateY(0);
  }
  50% {
    height: 100%;
    transform: translateY(15px);
  }
  70% {
    height: 80%;
  }
  100% {
    height: calc(50% - 250px);
  }
}
/* ------------------- */
:root {
  --font-stack: Instrument Sans, sans-serif;
  --body-font: Instrument Sans, sans-serif;
  --titles-font: Instrument Sans, sans-serif;
  --subtitles-font: Instrument Sans, sans-serif;
  --accent-color: #006BB0;
  --second-accent-color: #009933;
  --primary-color: #333333;
  --secondary-color: hsl(0, 0%, 40%);
  --tertiary-color: #006BB0;
  --quaternary-color: #006BB0;
  --success-color: #A1C34C;
  --warning-color: #FEA01C;
  --alert-color: #cc4b37;
  --neutro-zero: hsl(0, 0%, 100%);
  --neutro-dez: hsl(0, 0%, 10%);
  --neutro-quarto: hsl(0, 0%, 75%);
  --neutro-meio: hsl(0, 0%, 50%);
  --neutro-tresquarto: hsl(0, 0%, 25%);
  --neutro-noventa: hsl(0, 0%, 90%);
  --neutro-cem: hsl(0, 0%, 0%);
  --logourl: url("../imgs/tempero.webp");
  --lighter-grey: #F0F0F0;
  --light-grey: #EFEBE7;
  --medium-grey: #8C8C8C;
  --dark-grey: #313131;
  --accent-alfa-color: rgba(0, 107, 176, 0.5);
  --primary-alfa-color: rgba(51, 51, 51, 0.3);
  --secondary-alfa-color: rgba(102, 102, 102, 0.3);
  --tertiary-alfa-color: rgba(0, 107, 176, 0.3);
  --quaternary-alfa-color: rgba(0, 107, 176, 0.3);
  /* outras variáveis*/
  --border-radius: 15px;
  --border-radius-small: 5px;
  --border-radius-medio: 25px;
  --border-radius-big: 40px;
  --border-radius-img: 35px;
  --border-radius-button: 5px;
  --font-regular: Instrument Sans, sans-serif;
  --font-regular-italic: Instrument Sans, sans-serif;
  --font-light: Instrument Sans, sans-serif;
  --font-light-italic: Instrument Sans, sans-serif;
  --font-semibold: Instrument Sans, sans-serif;
  --font-semibold-italic: Instrument Sans, sans-serif;
  --font-bold: Instrument Sans, sans-serif;
  --font-bold-italic: Instrument Sans, sans-serif;
  --font-extrabold: Instrument Sans, sans-serif;
  --font-extrabold-italic: Instrument Sans, sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-SemiBold: 600;
  --font-weight-Bold: 700;
  --featured-gradient: linear-gradient( to right, #EB1C24 0%, #DD922A 48%, #ACCA49 100% );
}

html, body {
  color-scheme: light;
  font-family: var(--font-regular);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-semibold);
}

/* CSS-only solution using :has()
 the JS version is commented out lower down */
:root:has(body.body-ambiental) {
  color-scheme: light;
  --accent-color: #009933;
  --second-accent-color: #006BB0;
}

body {
  background-color: var(--neutro-zero) !important;
  color: var(--neutro-tresquarto) !important;
}

/* alignwide AND alignfull: INÍCIO */
/* ------------------- */
#modo-thema {
  position: absolute;
  right: 18px;
  top: 36px;
  z-index: 9999;
  display: none;
}

/* Tempero Main */
@media screen and (min-width: 40em) {
  #front-page-wrapper {
    height: 100dvh;
  }
}
#front-page-wrapper .grid-container.full,
#front-page-wrapper .grid-x {
  height: 100dvh;
}
#front-page-wrapper .cell {
  height: 50dvh;
}
@media screen and (min-width: 40em) {
  #front-page-wrapper .cell {
    height: 100vh;
  }
}
#front-page-wrapper .front-wrapp {
  height: 50dvh;
}
@media screen and (min-width: 40em) {
  #front-page-wrapper .front-wrapp {
    height: 100dvh;
  }
}
@media screen and (max-width: 39.9375em) {
  #front-page-wrapper .grid-container.full > .grid-x {
    display: flex;
    flex-direction: column-reverse;
  }
}
#front-page-wrapper .dipon-front-wrap {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  transition: all ease-in-out 300ms;
}
#front-page-wrapper .dipon-front-wrap img {
  width: 50%;
  margin: auto;
  transition: all ease-in-out 300ms;
}
#front-page-wrapper .dipon-front-wrap.dipon-front-ambiental {
  background-color: var(--second-accent-color);
}
#front-page-wrapper .dipon-front-wrap.dipon-front-ambiental .logo-pos {
  display: none;
}
#front-page-wrapper .dipon-front-wrap.dipon-front-ambiental .logo-neg {
  display: block;
}
#front-page-wrapper .dipon-front-wrap.dipon-front-ambiental:hover {
  background-color: var(--lighter-grey);
}
#front-page-wrapper .dipon-front-wrap.dipon-front-ambiental:hover .logo-pos {
  display: block;
}
#front-page-wrapper .dipon-front-wrap.dipon-front-ambiental:hover .logo-neg {
  display: none;
}
#front-page-wrapper .dipon-front-wrap.dipon-front-log {
  background-color: var(--neutro-zero);
}
#front-page-wrapper .dipon-front-wrap.dipon-front-log .logo-pos {
  display: block;
}
#front-page-wrapper .dipon-front-wrap.dipon-front-log .logo-neg {
  display: none;
}
#front-page-wrapper .dipon-front-wrap.dipon-front-log:hover {
  background-color: var(--accent-color);
}
#front-page-wrapper .dipon-front-wrap.dipon-front-log:hover .logo-pos {
  display: none;
}
#front-page-wrapper .dipon-front-wrap.dipon-front-log:hover .logo-neg {
  display: block;
}

#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item.current-menu-item a, #offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item a:hover {
  background: var(--primary-color);
  color: var(--neutro-zero);
}

.off-canvas-content.is-open-right.has-transition-push {
  transform: translateX(-350px);
}
@media screen and (min-width: 40em) {
  .off-canvas-content.is-open-right.has-transition-push {
    transform: translateX(-400px);
  }
}

#bottommenuwrap {
  display: none;
  position: fixed;
  bottom: 1rem;
  left: 2rem;
  width: calc(100svw - 4rem);
  height: 72px;
  z-index: 9;
}
@media screen and (max-width: 39.9375em) {
  #bottommenuwrap {
    display: block;
  }
}
#bottommenuwrap #bottommenu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 100%;
  margin: -1px;
  background-color: var(--light-grey);
  box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.2);
  border-radius: var(--border-radius-medio);
}
#bottommenuwrap #bottommenu .button {
  background-color: var(--light-grey);
  color: var(--accent-color);
  height: 74px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  font-size: 26px;
  line-height: 20px;
  justify-content: center;
  padding: 0;
}
#bottommenuwrap #bottommenu .button:first-child {
  border-top-left-radius: var(--border-radius-medio);
  border-bottom-left-radius: var(--border-radius-medio);
}
#bottommenuwrap #bottommenu .button:last-child {
  border-top-right-radius: var(--border-radius-medio);
  border-bottom-right-radius: var(--border-radius-medio);
}
#bottommenuwrap #bottommenu .button .title {
  font-size: 10px;
  font-family: var(--titles-font) !important;
  font-weight: 700;
  text-transform: uppercase;
}
#bottommenuwrap #bottommenu .button svg {
  fill: var(--accent-color);
  max-width: 30px;
}
#bottommenuwrap #bottommenu .button i {
  padding: 0px;
}
#bottommenuwrap #bottommenu .button .text-button {
  display: none;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  padding-top: 5px;
  letter-spacing: 2px;
}
#bottommenuwrap #bottommenu .button.button-whatsapp {
  background-color: rgba(var(--neutro-cem), 0.2);
  color: #25D366;
}
#bottommenuwrap #bottommenu .button:last-child {
  border-right: none;
}
#bottommenuwrap #bottommenu .button:hover {
  background: var(--accent-color);
  color: var(--neutro-zero);
}
#bottommenuwrap #bottommenu .button:has(.cart_counter) {
  position: relative;
}
#bottommenuwrap #bottommenu .button:has(.cart_counter) .cart_counter {
  display: none;
  position: absolute;
  background-color: red;
  color: var(--neutro-zero);
  padding: 0px 0px;
  width: 16px;
  height: 16px;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  padding: 0px 0;
  border-radius: 50%;
  left: calc(50% + 9px);
  top: 9px;
  z-index: 2;
  border: 2px solid var(--neutro-dez);
}
#bottommenuwrap #bottommenu .button:has(.cart_counter) .cart_counter.ativo {
  display: block;
}

.off-canvas-content {
  min-height: 100vh;
}

#offCanvasBusca {
  background-color: var(--light-grey);
}
#offCanvasBusca .offcanvas-search {
  display: flex;
  flex-direction: row;
  padding: 9px;
}
#offCanvasBusca .offcanvas-search * {
  padding: 0px;
  margin: 0px;
}
#offCanvasBusca .offcanvas-search input {
  width: 100%;
  padding: 18px;
  margin: 9px;
  background-color: var(--lighter-grey);
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  box-shadow: none;
  box-sizing: content-box !important;
  height: auto;
  border-radius: var(--border-radius-button);
}
#offCanvasBusca .offcanvas-search input::placeholder {
  color: var(--medium-grey);
  text-transform: uppercase;
}
#offCanvasBusca .offcanvas-search button {
  background-color: var(--accent-color);
  color: var(--neutro-tresquarto);
  border: 1px solid var(--neutro-zero);
  padding: 18px;
  text-transform: uppercase;
  margin: 9px;
  border-radius: var(--border-radius-button);
}

#offCanvasSegmentos,
#offCanvas {
  background-color: var(--primary-color);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 150px;
  box-shadow: outset -13px 0 190px -13px rgba(10, 10, 10, 0.1);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: 50% 80px;
  height: 100lvh !important;
  position: fixed !important;
  top: auto;
  bottom: 0px;
  overflow: hidden;
}
@media screen and (min-width: 40em) {
  #offCanvasSegmentos,
  #offCanvas {
    justify-content: flex-start;
    padding-bottom: auto;
    padding-top: 70px;
  }
}
#offCanvasSegmentos .close-button,
#offCanvas .close-button {
  color: var(--accent-color);
  padding: 15px;
  inset: auto 0 0 0;
  width: 100%;
  border: none;
  background-color: rgba(255, 255, 255, 0.1);
  bottom: 0;
  position: absolute;
}
#offCanvasSegmentos .close-button svg,
#offCanvas .close-button svg {
  max-width: 30px;
  fill: var(--accent-color);
}
@media screen and (min-width: 40em) {
  #offCanvasSegmentos .close-button,
  #offCanvas .close-button {
    top: 0;
    bottom: auto;
  }
}
#offCanvasSegmentos nav#menutopowrapleftpanel ul#menutopoleftpanel,
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#offCanvasSegmentos nav#menutopowrapleftpanel ul#menutopoleftpanel a,
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel a {
  font-family: var(--titles-font);
  font-size: 22px;
}
#offCanvasSegmentos nav#menutopowrapleftpanel ul#menutopoleftpanel > li.menu-item,
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel > li.menu-item {
  display: block;
  margin: 0px;
  padding: 0px;
}
#offCanvasSegmentos nav#menutopowrapleftpanel ul#menutopoleftpanel > li.menu-item ul.sub-menu,
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel > li.menu-item ul.sub-menu {
  border: none;
  display: block;
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#offCanvasSegmentos nav#menutopowrapleftpanel ul#menutopoleftpanel > li.menu-item ul.sub-menu > li.menu-item a,
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel > li.menu-item ul.sub-menu > li.menu-item a {
  display: block;
  padding: 0px 14px 0px 28px;
  font-size: 14px;
  color: var(--neutro-zero);
  text-transform: uppercase;
}
#offCanvasSegmentos nav#menutopowrapleftpanel ul#menutopoleftpanel > li.menu-item ul.sub-menu > li.menu-item a:hover,
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel > li.menu-item ul.sub-menu > li.menu-item a:hover {
  background-color: var(--primary-color);
  color: var(--neutro-zero);
}
#offCanvasSegmentos nav#menutopowrapleftpanel ul#menutopoleftpanel > li.menu-item > a,
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel > li.menu-item > a {
  display: block;
  padding: 7px 14px;
  color: var(--neutro-zero);
  text-transform: uppercase;
}
#offCanvasSegmentos nav#menutopowrapleftpanel ul#menutopoleftpanel > li.menu-item > a:hover,
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel > li.menu-item > a:hover {
  background-color: var(--tertiary-color);
}
#offCanvasSegmentos nav#menutopowrapleftpanel ul#menutopoleftpanel > li.menu-item:has(.sub-menu) > a,
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel > li.menu-item:has(.sub-menu) > a {
  padding: 7px 14px 0 14px;
}
#offCanvasSegmentos nav#menutopowrapleftpanel ul#menutopoleftpanel > li.menu-item .sub-menu li.menu-item:last-child a,
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel > li.menu-item .sub-menu li.menu-item:last-child a {
  padding-bottom: 7px;
}
#offCanvasSegmentos nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item.current-menu-item > a,
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item.current-menu-item > a {
  background-color: var(--neutro-noventa);
}
#offCanvasSegmentos nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item.current-menu-item .sub-menu li.menu-item a,
#offCanvas nav#menutopowrapleftpanel ul#menutopoleftpanel li.menu-item.current-menu-item .sub-menu li.menu-item a {
  background-color: var(--neutro-noventa);
}

#offCanvasSegmentos {
  background-color: var(--neutro-quarto);
}
#offCanvasSegmentos .menu-right {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#offCanvasSegmentos .menu-right a {
  font-size: 22px;
  display: block;
  color: var(--primary-color);
  border-bottom: 1px solid var(--primary-color);
  text-transform: uppercase;
  padding: 9px 18px;
}
#offCanvasSegmentos .menu-right li.menu-item {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#offCanvasSegmentos .menu-right li.menu-item:hover a,
#offCanvasSegmentos .menu-right li.menu-item a:hover {
  background-color: var(--neutro-zero);
  color: var(--accent-color);
}

#side-float-nav {
  position: relative;
}
#side-float-nav .fixed-menu {
  position: fixed;
  z-index: 9999;
  bottom: 36px;
  right: 18px;
  display: block;
  opacity: 0.05;
}
#side-float-nav .fixed-menu .fixed-menu-item {
  display: block;
}
#side-float-nav .fixed-menu .fixed-menu-item * {
  color: var(--neutro-zero);
}
#side-float-nav .fixed-menu .menu-tool-tip {
  display: none;
}

/* Tempero Main */
html, body {
  scroll-behavior: smooth !important;
  scroll-padding-top: 157px;
  font-family: var(--font-stack);
  font-weight: normal;
}

.site-content-wrap {
  background-color: var(--light-grey);
}

.float-wrap {
  display: none;
}

.grid-container.wide-grid {
  max-width: 100% !important;
  width: calc(100% - 72px) !important;
  margin: auto 36px;
}

.usuariomenu-wrap {
  display: none;
  margin: 0px 0 0 auto !important;
  padding: 0px;
}
@media screen and (min-width: 40em) {
  .usuariomenu-wrap {
    display: block;
  }
}

.warning-wrap {
  background-color: var(--accent-color);
}
.warning-wrap h2 {
  font-family: var(--titles-font);
  font-weight: 700;
  font-size: 16px;
  line-height: 124%;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-size: 26px;
  color: var(--neutro-zero);
  padding: 1rem 0 0;
  line-height: 1;
}
.warning-wrap a,
.warning-wrap a.button.calltoaction-bt,
.warning-wrap a.calltoaction-bt {
  background-color: var(--primary-color) !important;
  color: var(--neutro-100);
  font-family: var(--subtitle-font);
  font-weight: 600;
  font-size: 32px;
  line-height: 124%;
  letter-spacing: -1px;
  margin-bottom: 14px;
  color: var(--neutro-zero);
  font-size: 18px;
  line-height: 1;
  padding: 1rem;
  margin: 0;
  margin-top: 0.7rem;
  border-radius: var(--border-radius);
  text-transform: uppercase;
}
.warning-wrap a:hover,
.warning-wrap a.button.calltoaction-bt:hover,
.warning-wrap a.calltoaction-bt:hover {
  background-color: var(--neutro-zero) !important;
  color: var(--accent-color);
}

#efeito-nav {
  display: block;
  position: absolute;
  width: 0px;
  height: 1px;
  border-radius: 2px;
  background-color: var(--accent-color);
  transition: all ease-in-out 600ms;
  bottom: 20px;
  left: 0;
  z-index: 9;
}

/* MENU TOPO */
.menutopo-wrap {
  display: none;
}
@media screen and (min-width: 40em) {
  .menutopo-wrap {
    display: block;
  }
}

.menutopo {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 1rem;
}
.menutopo li.menu-item {
  display: block;
  position: relative;
}
.menutopo li.menu-item a {
  display: block;
  font-size: 16px;
  font-family: var(--titles-font);
  font-weight: var(--font-weight-Bold);
  font-size: 12px !important;
  padding: 1rem 1rem;
  color: var(--medium-grey);
  line-height: 1;
  text-transform: uppercase;
}
.menutopo li.menu-item a:hover {
  color: var(--accent-color);
}
.menutopo li.menu-item:hover > a::after, .menutopo li.menu-item:focus-within > a::after {
  color: var(--second-accent-color);
}
.menutopo li.menu-item.menu-item-dipon-ambiental a, .menutopo li.menu-item.menu-item-dipon-log a {
  text-indent: -9999px;
  min-width: 160px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
}
.menutopo li.menu-item.menu-item-dipon-ambiental a {
  background-image: url("../imgs/dipon-ambiental-a.png");
}
.menutopo li.menu-item.menu-item-dipon-log a {
  background-image: url("../imgs/dipon-log-a.png");
}

.menu-cell-wrap {
  display: flex;
  padding-bottom: 0px !important;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
}

#menusocial-ambiental-wrap,
#menusocial-log-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  color: white;
}
@media screen and (min-width: 40em) {
  #menusocial-ambiental-wrap,
  #menusocial-log-wrap {
    justify-content: flex-end;
  }
}

#socialambientaltopo,
#sociallogtopo {
  display: block;
  margin: 0px !important;
  padding: 0px !important;
  display: flex;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
  color: --text;
  flex-direction: row;
  gap: 0;
  margin: 18px;
  background-color: var(--accent-color);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  overflow: hidden;
}
#socialambientaltopo li,
#sociallogtopo li {
  display: block;
  margin: 0px;
  padding: 0px;
  position: relative;
  margin: 0 0 0 0;
}
#socialambientaltopo li a,
#sociallogtopo li a {
  display: block;
  font-size: 24px;
  max-width: 64px;
  max-height: 48px;
  overflow: hidden;
  color: inherit;
  padding: 0.5rem 5px;
}
#socialambientaltopo li a:hover,
#sociallogtopo li a:hover {
  background-color: var(--medium-grey);
}
#socialambientaltopo li a::before,
#sociallogtopo li a::before {
  top: 0;
  content: "\f09a";
  display: inline-block;
  color: var(--text);
  padding: 0 8px;
  font-family: "Font Awesome 6 Brands";
}
#socialambientaltopo li:first-child > a,
#sociallogtopo li:first-child > a {
  padding-left: 20px !important;
}
#socialambientaltopo li:last-child > a,
#sociallogtopo li:last-child > a {
  padding-right: 20px !important;
}
#socialambientaltopo li.menu-item-instagram a::before,
#sociallogtopo li.menu-item-instagram a::before {
  content: "\f16d";
  font-family: "Font Awesome 6 Brands";
}
#socialambientaltopo li.menu-item-facebook a::before,
#sociallogtopo li.menu-item-facebook a::before {
  content: "\f09a";
  font-family: "Font Awesome 6 Brands";
}
#socialambientaltopo li.menu-item-linkedin a::before,
#sociallogtopo li.menu-item-linkedin a::before {
  content: "\f08c";
  font-family: "Font Awesome 6 Brands";
}
#socialambientaltopo li.menu-item-whatsapp a::before,
#sociallogtopo li.menu-item-whatsapp a::before {
  content: "\f232";
  font-family: "Font Awesome 6 Brands";
}
#socialambientaltopo.menu-social-contato li,
#sociallogtopo.menu-social-contato li {
  color: var(--accent-color) !important;
}
#socialambientaltopo.menu-social-contato li a::before,
#sociallogtopo.menu-social-contato li a::before {
  color: var(--neutro-100) !important;
}

@media screen and (min-width: 40em) {
  #social-media-footer {
    display: none;
  }
}

#social-media {
  display: none;
  color: var(--neutro-zero);
}
@media screen and (min-width: 40em) {
  #social-media {
    display: flex;
  }
}

#header-tempero {
  background-color: var(--accent-color);
  position: relative;
  width: 100vw;
  z-index: 2;
}
@media screen and (min-width: 40em) {
  #header-tempero {
    background-color: var(--neutro-zero);
  }
}
#header-tempero .site-header-cell {
  display: flex;
  width: 100%;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  #header-tempero .site-header-cell {
    justify-content: flex-start;
  }
  #header-tempero .site-header-cell::before {
    content: " ";
    position: absolute;
    width: 100vw;
    height: 200px;
    background-color: var(--accent-color);
    right: 62%;
    top: -70px;
    z-index: 1;
    clip-path: polygon(10% 0, 100% 0, calc(100% - 76px) 100%, 0 100%);
    transition: all ease-in-out 300px;
  }
}
#header-tempero .brandtitle {
  display: block;
  padding: 0px;
  margin: 0px;
  position: relative;
  z-index: 2;
}
#header-tempero .brandtitle a {
  display: block;
  padding: 16.5px 0;
}
#header-tempero .brandtitle a img {
  width: auto;
  height: auto;
  max-height: 50px;
  margin: auto;
}
@media screen and (min-width: 40em) {
  #header-tempero .brandtitle a img {
    margin: auto auto auto 0;
  }
}
#header-tempero .brandtitle a .brand-img-a {
  display: none;
}
#header-tempero .brandtitle a .brand-img-b {
  display: block;
}
#header-tempero:not(.floatheader) .cell.medium-3.small-12,
#header-tempero:not(.floatheader) .site-header-cell {
  margin: 0 !important;
  padding: 0 !important;
}
#header-tempero:not(.floatheader) .cell.medium-3.small-12::before,
#header-tempero:not(.floatheader) .site-header-cell::before {
  right: 64%;
  top: -70px;
}
#header-tempero:not(.floatheader) .brandtitle {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
#header-tempero:not(.floatheader) .brandtitle a {
  display: block;
  margin: 0px;
  padding: 2rem 0;
}
#header-tempero:not(.floatheader) .brandtitle a img {
  width: 70%;
  max-height: 130px !important;
}
#header-tempero:not(.floatheader) .menutopo {
  margin-top: 3rem;
}
#header-tempero.floatheader {
  position: fixed;
  background-color: var(--neutro-zero);
  z-index: 9;
  width: 100%;
  top: 0px;
  transition: exibefloatheader 0.9s ease-in-out;
  animation: exibefloatheader 0.9s ease-in-out forwards;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
#header-tempero.floatheader .site-header-cell::before {
  display: none;
}
#header-tempero.floatheader .brandtitle a .brand-img-a {
  display: block;
}
#header-tempero.floatheader .brandtitle a .brand-img-b {
  display: none;
}
#header-tempero.floatheader .menutopo-wrap ul.menutopo li.menu-item a {
  color: var(--neutro-cem);
}
#header-tempero.floatheader .menu-cell-wrap {
  justify-content: center;
}
#header-tempero.floatheader #socialambientaltopo,
#header-tempero.floatheader #sociallogtopo {
  border-radius: var(--border-radius);
  height: 55px;
}
@media screen and (max-width: 39.9375em) {
  #header-tempero.floatheader #socialambientaltopo,
  #header-tempero.floatheader #sociallogtopo {
    display: none !important;
  }
}
#header-tempero.floatheader #socialambientaltopo li a,
#header-tempero.floatheader #sociallogtopo li a {
  height: 55px;
  max-height: 55px;
}

/* Tempero Main */
#theme-comming-soom {
  position: fixed;
  bottom: 18px;
  left: calc(50% - 50px);
  z-index: 9999;
}
@media screen and (max-width: 39.9375em) {
  #theme-comming-soom {
    position: absolute;
    z-index: 9999;
  }
}

#primary-cooming {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#primary-cooming .content-comming-soom {
  text-align: center;
}
#primary-cooming .site-branding {
  text-align: center;
}
#primary-cooming .site-branding .site-title {
  display: none;
}
#primary-cooming .custom-logo-link {
  width: 100%;
  max-width: 100%;
  background-position: center;
}

#social-media {
  display: block;
  list-style: none;
}

p {
  font-size: 18px;
}

p + p {
  margin-top: 12px;
}

.block-button a {
  font-family: var(--font-subtitles);
  font-weight: 600;
  text-transform: uppercase;
  background-color: var(--tertiary-color);
}
.block-button a:hover {
  background-color: var(--second-accent-color);
  color: #FFF;
}

.expositor-card-wrap {
  background-color: var(--neutro-zero);
  padding: 1rem;
  border-radius: var(--border-radius);
  margin-bottom: 2rem;
  height: calc(100% - 2rem);
}
.expositor-card-wrap .expositor-title {
  text-transform: none;
  font-size: 20px;
  font-weight: var(--font-weight-SemiBold) !important;
}
.expositor-card-wrap .thumbnail-wrap {
  padding: 0 0 1rem 0;
}
.expositor-card-wrap .whatsapp-bt {
  background-color: var(--second-accent-color);
  border-radius: var(--border-radius);
}

.page-cover {
  min-height: 660px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.page-wrapper {
  background-color: var(--neutro-zero);
  padding: 4rem 0 !important;
}
.page-wrapper h2 {
  line-height: 1.1em;
  font-size: 2rem;
  color: var(--accent-color);
  font-weight: bold;
  text-align: center;
}
.page-wrapper h3 {
  line-height: 1.1em;
}
.page-wrapper .content-entry-home {
  text-align: center;
}
@media screen and (min-width: 40em) {
  .page-wrapper .content-entry-home {
    text-align: left;
  }
}
.page-wrapper.page-nossos-servicos h2, .page-wrapper.page-nossos-servicos h3, .page-wrapper.page-diferenciais h2, .page-wrapper.page-diferenciais h3 {
  text-align: center;
}
.page-wrapper.page-nossos-servicos .wp-block-columns, .page-wrapper.page-diferenciais .wp-block-columns {
  margin-top: 3rem;
}
.page-wrapper.page-nossos-servicos .wp-block-columns .wp-block-column, .page-wrapper.page-diferenciais .wp-block-columns .wp-block-column {
  padding: 2rem;
  background-color: var(--accent-color);
  border-radius: var(--border-radius);
}
.page-wrapper.page-nossos-servicos .wp-block-columns .wp-block-column::before, .page-wrapper.page-diferenciais .wp-block-columns .wp-block-column::before {
  content: " ";
  display: block;
  width: 100%;
  height: 60px;
  margin-bottom: 1rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.page-wrapper.page-nossos-servicos .wp-block-columns .wp-block-column h3, .page-wrapper.page-diferenciais .wp-block-columns .wp-block-column h3 {
  color: var(--neutro-zero);
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
}
.page-wrapper.page-nossos-servicos .wp-block-columns .wp-block-column:nth-child(1)::before {
  background-image: url("../imgs/icon-ambiental-1-comercio.png");
}
.page-wrapper.page-nossos-servicos .wp-block-columns .wp-block-column:nth-child(2)::before {
  background-image: url("../imgs/icon-ambiental-2-coleta.png");
}
.page-wrapper.page-nossos-servicos .wp-block-columns .wp-block-column:nth-child(3)::before {
  background-image: url("../imgs/icon-ambiental-3-gestao.png");
}
.page-wrapper.page-diferenciais .wp-block-columns .wp-block-column:nth-child(1)::before {
  background-image: url("../imgs/icon-log-1-seguranca-nas-entregas.png");
}
.page-wrapper.page-diferenciais .wp-block-columns .wp-block-column:nth-child(2)::before {
  background-image: url("../imgs/icon-log-2-rastreamento-em-tempo-realTracking.png");
}
.page-wrapper.page-diferenciais .wp-block-columns .wp-block-column:nth-child(3)::before {
  background-image: url("../imgs/icon-log-3-entregas-rapidas-e-seguras.png");
}
.page-wrapper.page-contato {
  background-color: var(--accent-color);
  color: var(--neutro-zero);
  text-align: center;
}
.page-wrapper.page-contato h2 {
  text-align: center;
  color: var(--neutro-zero);
}
.page-wrapper.page-contato p {
  text-align: center;
}
.page-wrapper.page-contato .wp-block-columns {
  margin: 2rem 0;
}

/* Tempero Main */
.form-container {
  border-radius: var(--border-radius);
}
.form-container textarea,
.form-container input {
  background-color: var(--light-grey);
  border-radius: var(--border-radius-small);
  border: none;
  box-shadow: none;
  padding: 0.5rem;
}
.form-container label {
  color: var(--neutro-zero);
}
.form-container .button {
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--neutro-zero);
  border-radius: var(--border-radius-small);
  font-weight: bold;
}
.form-container .button:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--accent-color);
}

.tempero-form label {
  margin-bottom: 0;
}
.tempero-form textarea,
.tempero-form select,
.tempero-form input {
  border: none;
  border-bottom: 2px solid var(--medium-grey);
  box-shadow: none;
  line-height: 1;
  padding: 3px 0rem;
  height: auto;
}
.tempero-form textarea:focus, .tempero-form textarea:focus-visible, .tempero-form textarea:focus-within,
.tempero-form select:focus,
.tempero-form select:focus-visible,
.tempero-form select:focus-within,
.tempero-form input:focus,
.tempero-form input:focus-visible,
.tempero-form input:focus-within {
  border: none;
  border-bottom: 2px solid var(--accent-color);
  box-shadow: none;
}
.tempero-form button {
  background-color: var(--dark-grey);
  color: var(--neutro-zero);
  padding: 0.5rem;
  border-radius: var(--border-radius-small);
}
.tempero-form button:hover {
  background-color: var(--accent-color);
}
.tempero-form .form-row {
  display: flex;
  gap: 1rem;
}
.tempero-form .form-row .form-field-cell {
  width: 100%;
}
.tempero-form .form-row .form-field-cell.form-field-cell-numero {
  max-width: 90px;
}

/* Tempero Main */
/* Tempero Main */
.footer-section {
  padding: 0;
  margin-bottom: 0px;
  position: relative;
  background-color: var(--neutro-zero);
  color: var(--neutro-zero);
}
@media screen and (max-width: 39.9375em) {
  .footer-section {
    padding-bottom: 8rem;
  }
}
.footer-section footer {
  padding: 1rem 0 0.5rem;
  margin: 0;
}
.footer-section footer h3 {
  font-size: 16px;
  font-family: var(--subtitles-font);
  font-weight: bold;
  margin-bottom: 1rem;
}
@media screen and (max-width: 39.9375em) {
  .footer-section footer {
    text-align: center;
  }
}
@media screen and (min-width: 40em) {
  .footer-section footer {
    padding: 144px 0 0px;
  }
}
.footer-section footer .footer-text-wrap {
  height: 100%;
}
.footer-section footer .footer-text-wrap p {
  font-size: 1rem;
  line-height: 1.25;
}

@media screen and (max-width: 39.9375em) {
  .brand-footer-column .brandtitle {
    display: none;
  }
}

.footer-contato-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding-bottom: 16px;
}
.footer-contato-wrap a.footer-contato-tag {
  display: block;
  color: var(--accent-color);
}

.menu-footer-wrap {
  padding: 0px;
  margin: 0px;
  display: none;
}
@media screen and (min-width: 40em) {
  .menu-footer-wrap {
    display: block;
  }
}
.menu-footer-wrap ul.menu-footer {
  padding: 0px;
  margin: 0px;
}
.menu-footer-wrap ul.menu-footer ul {
  padding: 0px;
  margin: 0px;
}
.menu-footer-wrap ul.menu-footer li {
  padding: 0px;
  margin: 0px;
  display: block;
}
.menu-footer-wrap ul.menu-footer li a {
  display: block;
  color: var(--accent-color);
}
.menu-footer-wrap ul.menu-footer .sub-menu {
  padding: 0 0 18px;
}
.menu-footer-wrap ul.menu-footer > li > a {
  text-transform: uppercase;
  font-family: var(--font-light);
  font-size: 18px;
  padding-bottom: 18px;
}

.grid-copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 32px;
  padding-top: 32px;
  position: relative;
  margin-bottom: 64px;
}
.grid-copyright::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: var(--medium-grey);
  width: calc(100% - 28px);
  height: 1px;
  top: 0;
  left: 14px;
}
.grid-copyright * {
  color: var(--medium-grey);
  text-align: center;
  margin: auto;
}
@media screen and (min-width: 40em) {
  .grid-copyright * {
    text-align: left;
  }
}
@media screen and (min-width: 40em) {
  .grid-copyright .p-copy-tempero {
    text-align: right;
  }
}

#social-media-footer,
#social-media {
  display: block;
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: center;
  margin: auto;
  color: --text;
  flex-direction: row;
  gap: 18px;
  margin: 18px;
}
#social-media-footer li,
#social-media li {
  display: block;
  margin: 0px;
  padding: 0px;
  position: relative;
  margin: 0 0 0 0;
}
#social-media-footer li a,
#social-media li a {
  display: block;
  font-size: 24px;
  max-width: 36px;
  max-height: 36px;
  overflow: hidden;
  color: inherit;
  border-radius: var(--border-radius-big);
}
#social-media-footer li a:hover,
#social-media li a:hover {
  color: var(--accent-color);
  border-radius: var(--border-radius-big);
}
#social-media-footer li a::before,
#social-media li a::before {
  top: 0;
  content: "\f09a";
  display: inline-block;
  color: var(--text);
  padding: 0 8px;
  font-family: "Font Awesome 6 Brands";
}
#social-media-footer li.menu-item-instagram a::before,
#social-media li.menu-item-instagram a::before {
  content: "\f16d";
  font-family: "Font Awesome 6 Brands";
}
#social-media-footer li.menu-item-facebook a::before,
#social-media li.menu-item-facebook a::before {
  content: "\f09a";
  font-family: "Font Awesome 6 Brands";
}
#social-media-footer li.menu-item-linkedin a::before,
#social-media li.menu-item-linkedin a::before {
  content: "\f08c";
  font-family: "Font Awesome 6 Brands";
}
#social-media-footer li.menu-item-whatsapp a::before,
#social-media li.menu-item-whatsapp a::before {
  content: "\f232";
  font-family: "Font Awesome 6 Brands";
}
#social-media-footer.menu-social-contato li,
#social-media.menu-social-contato li {
  color: var(--accent-color) !important;
}
#social-media-footer.menu-social-contato li a::before,
#social-media.menu-social-contato li a::before {
  color: var(--neutro-100) !important;
}

@media screen and (min-width: 40em) {
  #social-media-footer {
    display: none;
  }
}

#social-media {
  display: none;
  color: var(--neutro-zero);
}
@media screen and (min-width: 40em) {
  #social-media {
    display: flex;
  }
}

/*# sourceMappingURL=tempero-main.css.map */