@charset "UTF-8";
/* Tempero Main */
/* =========================================================
   FUNÇÕES, MIXINS E HELPERS (INALTERADOS)
   ========================================================= */
@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);
  }
}
@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);
  }
}
/* ------------------- */
/* ---------- TEMA PADRÃO (DARK) ---------- */
:root {
  color-scheme: dark;
  --font-aller-aller-bold: "Aller_Std_Bd";
  --font-aller-aller-regular: "Aller_Std_Rg";
  --font-aller-ibm-bold: "IBMPlexSansCondensedBold";
  --font-aller-ibm-light: "IBMPlexSansCondensedLight";
  --font-aller-ibm-semi-bold: "IBMPlexSansCondensedSemiBold";
  --font-bauer-bodoni-black-italic: "BauerBodoniBTBlackItalic";
  --font-bauer-bodoni-bold-italic: "BauerBodoniBTBoldItalic";
  --accent-color: #EAEAEA;
  --second-accent-color: #E6B183;
  --primary-color: #E0E0E0;
  --secondary-color: #BFBFBF;
  --tertiary-color: #9D9D9D;
  --quaternary-color: #7A7A7A;
  --success-color: #A1C34C;
  --warning-color: #FEA01C;
  --alert-color: #cc4b37;
  --neutro-zero: #000000;
  --neutro-dez: #1D1D1B;
  --neutro-quarto: #1E1E1E;
  --neutro-meio: #2B2B2B;
  --neutro-tresquarto: #555555;
  --neutro-noventa: #DEDEDE;
  --neutro-cem: #FFFFFF;
  --logourl: url("../imgs/mdfdoc-dark.svg");
  --lighter-grey: #2A2A2A;
  --light-grey: #404040;
  --medium-grey: #1D1D1B;
  --dark-grey: #A0A0A0;
  --accent-alfa-color: rgba(31, 31, 30, 0.5);
  --primary-alfa-color: rgba(31, 31, 30, 0.3);
  --secondary-alfa-color: rgba(0, 0, 0, 0.3);
  --tertiary-alfa-color: rgba(31, 31, 30, 0.3);
  --quaternary-alfa-color: rgba(31, 31, 30, 0.3);
  --border-radius: 18px;
  --border-radius-small: 5px;
  --border-radius-medio: 20px;
  --border-radius-big: 30px;
  --border-radius-img: 35px;
  --border-radius-button: 5px;
  --font-regular: Montserrat, sans-serif;
  --font-regular-italic: Montserrat, sans-serif;
  --font-light: Montserrat, sans-serif;
  --font-light-italic: Montserrat, sans-serif;
  --font-semibold: Montserrat, sans-serif;
  --font-semibold-italic: Montserrat, sans-serif;
  --font-bold: Montserrat, sans-serif;
  --font-bold-italic: Montserrat, sans-serif;
  --font-extrabold: Montserrat, sans-serif;
  --font-extrabold-italic: Montserrat, sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-SemiBold: 600;
  --font-weight-Bold: 700;
}
:root .light-theme {
  display: none;
}
:root .dark-theme {
  display: block;
}

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

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

@media screen and (min-width: 40em) {
  p {
    font-size: 14px;
  }
}
/* CSS-only solution using :has()
 the JS version is commented out lower down */
:root:has(.tw-toggle [value=light]:checked) {
  color-scheme: light;
}

:root:has(.tw-toggle [value=dark]:checked) {
  color-scheme: dark;
}

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;
  color: var(--neutro-cem);
  display: flex;
  gap: .5rem;
  select#theme-selector {
    line-height: 1;
    padding-top: .25rem;
    padding-bottom: .25rem;
    border-radius: var(--border-radius);
    font-size: 10px;
    height: auto!important;
    background: var(--neutro-dez);
    border: 1px solid var(--neutro-zero);
    color: var(--neutro-noventa);
    option {
      line-height: 1;
    }
  }
}
  /* */
#modo-thema {
  position: fixed;
  right: 18px;
  top: 36px;
  z-index: 9999;
  color: var(--neutro-cem);
  display: flex;
  gap: 0.5rem;
  display: none;
}
#modo-thema select#theme-selector {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: 1;
  padding: 0.25rem 1.75rem 0.25rem 0.5rem;
  font-size: 10px;
  border-radius: var(--border-radius);
  height: auto !important;
  background-color: var(--neutro-dez);
  border: 1px solid var(--neutro-zero);
  color: var(--neutro-noventa);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 0.75rem;
}
#modo-thema select#theme-selector:hover {
  border-color: var(--neutro-vinte);
}
#modo-thema select#theme-selector:focus {
  outline: none;
  border-color: var(--primaria);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primaria), transparent 70%);
}
#modo-thema select#theme-selector option {
  background: var(--neutro-dez);
  color: var(--neutro-noventa);
  line-height: 1;
  font-size: 10px;
}
#modo-thema select#theme-selector option:checked {
  background: var(--primaria);
  color: var(--neutro-cem);
}

/* Tempero Main */
#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);
  }
}

#offCanvasCart {
  background-color: var(--neutro-dez);
  padding: 72px 0 72px 0;
  overflow: hidden;
}
#offCanvasCart #produtos_cart_off {
  height: calc(100vh - 72px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 40em) {
  #offCanvasCart {
    padding: 72px 0 0 0;
  }
}
#offCanvasCart.position-right {
  width: 350px;
  transform: translateX(350px);
}
@media screen and (min-width: 40em) {
  #offCanvasCart.position-right {
    width: 400px;
    transform: translateX(400px);
  }
}
#offCanvasCart.position-right.is-open {
  transform: translate(0, 0);
}
@media screen and (min-width: 40em) {
  #offCanvasCart.position-right.is-open {
    transform: translate(0, 0);
  }
}
#offCanvasCart.position-right.is-transition-push {
  box-shadow: none;
  border-left: 1px solid var(--neutro-cem);
}
#offCanvasCart .close-button {
  font-size: 4rem;
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 100%;
  background-color: var(--neutro-meio);
  padding: 5px;
  color: var(--neutro-zero);
  z-index: 1;
}
@media screen and (min-width: 40em) {
  #offCanvasCart .close-button {
    bottom: auto;
    top: 0px;
    width: auto;
    padding: 0 9px;
  }
}

#bottommenuwrap {
  display: none;
}
@media screen and (max-width: 39.9375em) {
  #bottommenuwrap {
    display: block;
  }
}
#bottommenuwrap {
  position: fixed;
  bottom: 0px;
  width: 100vw;
  height: 72px;
  z-index: 9;
}
#bottommenuwrap #bottommenu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 100%;
  margin: -1px;
}
#bottommenuwrap #bottommenu .button {
  background-color: rgba(46, 45, 44, 0.3);
  backdrop-filter: blur(20px);
  color: var(--neutro-cem);
  height: 74px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  font-size: 26px;
  line-height: 20px;
  justify-content: center;
}
#bottommenuwrap #bottommenu .button .title {
  font-size: 10px;
}
#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:last-child {
  border-right: none;
}
#bottommenuwrap #bottommenu .button:hover {
  color: var(--primary-color);
}
#bottommenuwrap #bottommenu .button:has(.cart_counter) {
  position: relative;
}
#bottommenuwrap #bottommenu .button:has(.cart_counter) .cart_counter {
  display: none;
}
#bottommenuwrap #bottommenu .button:has(.cart_counter) .cart_counter.ativo {
  display: block;
}
#bottommenuwrap #bottommenu .button:has(.cart_counter) .cart_counter {
  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);
}

.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;
}
@media screen and (min-width: 40em) {
  #offCanvasSegmentos,
  #offCanvas {
    justify-content: flex-start;
    padding-bottom: auto;
    padding-top: 70px;
  }
}
#offCanvasSegmentos,
#offCanvas {
  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;
}
#offCanvasSegmentos .close-button,
#offCanvas .close-button {
  color: var(--accent-color);
  padding: 15px;
  inset: auto 0 0 0;
  width: 100%;
  border: none;
}
#offCanvasSegmentos .close-button svg,
#offCanvas .close-button svg {
  max-width: 30px;
  fill: var(--accent-color);
}
#offCanvasSegmentos .close-button,
#offCanvas .close-button {
  background-color: rgba(255, 255, 255, 0.1);
  bottom: 0;
  position: absolute;
}
@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: 127px;
  font-family: var(--font-regular);
  font-weight: normal;
  line-height: 1.2;
}

/* debug *
.site-content-wrap {
  & , * {
    background-color: #FFCC0001;
    outline: 1px solid magenta; }
} /* fim debug */
p {
  line-height: 1.4;
}

.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;
  }
}

#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;
  background-color: var(--neutro-meio);
  width: fit-content;
  margin: 24px auto 1rem;
  padding: 0 1rem;
  border-radius: var(--border-radius);
}
.menutopo li.menu-item {
  display: block;
  position: relative;
}
.menutopo li.menu-item a {
  display: block;
  font-family: var(--font-aller-aller-regular);
  font-size: 16px !important;
  padding: 0.5rem 1rem;
  color: var(--neutro-cem);
  line-height: 1;
}
.menutopo li.menu-item a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.menutopo li.menu-item.menu-item-has-children > a {
  position: relative;
  padding-right: 27px;
}
.menutopo li.menu-item.menu-item-has-children > a::after {
  content: "\f0d7";
  font-family: "Font Awesome 6 Free";
  display: block;
  position: absolute;
  font-size: 14px;
  right: 9px;
  top: calc(50% - 5px);
}
.menutopo li.menu-item.menu-item-has-children:hover > a, .menutopo li.menu-item.menu-item-has-children:focus-within > a {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.menutopo li.menu-item {
  /*
  &.current-menu-item {
      a {
          position: relative;
          font-family: var(--font-regular);
          font-weight: normal!important;
          color: var(--neutro-zero);
          font-size: 16px!important;
          top: 0px;

      }
  }*/
}
.menutopo li.menu-item .sub-menu {
  display: none;
  position: absolute;
  z-index: 99;
  margin: -9px 0 0 -18px;
  padding: 0px;
  min-width: 120px;
  background-color: var(--neutro-zero);
  border-radius: var(--border-radius-small);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
  transition: all ease-in-out 300ms;
  overflow: hidden;
  transition: showMenu 0.2s ease-in-out;
  animation: showMenu 0.2s ease-in-out forwards;
}
.menutopo li.menu-item .sub-menu li.menu-item {
  padding: 0px;
  margin: 0px;
  display: block;
  background-color: transparent;
  transition: all ease-in-out 300ms;
}
.menutopo li.menu-item .sub-menu li.menu-item a {
  display: block;
  padding: 14px 36px;
  margin: 0px;
  background-color: rgba(0, 0, 0, 0);
  color: var(--medium-grey);
  transition: all ease-in-out 300ms;
  color: var(--neutro-cem);
  border-top: 0.5px solid var(--lighter-grey);
}
.menutopo li.menu-item .sub-menu li.menu-item a:hover {
  background-color: rgba(0, 0, 0, 0.01);
  color: var(--second-accent-color);
}
.menutopo li.menu-item .sub-menu li.menu-item:first-child a {
  border-top: none;
}
.menutopo li.menu-item .sub-menu li.menu-item:last-child a {
  border-bottom: none;
}
.menutopo li.menu-item:hover > a::after, .menutopo li.menu-item:focus-within > a::after {
  color: var(--second-accent-color);
}
.menutopo li.menu-item:hover .sub-menu, .menutopo li.menu-item:focus-within .sub-menu {
  display: flex;
  flex-direction: column;
}

#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;
  }
}

#header-tempero {
  /**
  &::before {
    content: ' ';
    background-color: #00ffff66;
    //display: block;
    position: absolute;
    width: 100%;
    height: 40px;
    top: 18px;
  }/**/
  position: absolute;
  width: 100vw;
  z-index: 5;
  backdrop-filter: blur(30px);
}
@media screen and (min-width: 40em) {
  #header-tempero {
    position: absolute;
    width: 100%;
  }
}
@media screen and (max-width: 39.9375em) {
  #header-tempero #menutopo-cell {
    display: none;
  }
}
#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 .brandtitle {
  display: block;
  padding: 0px;
  margin: 0px;
}
#header-tempero .brandtitle a {
  display: block;
  padding: 18px 0 1rem;
}
#header-tempero .brandtitle a img {
  width: auto;
  height: auto;
  max-height: 60px;
  min-width: 120px;
  margin: auto;
}
@media screen and (min-width: 40em) {
  #header-tempero .brandtitle a img {
    margin: auto auto auto 0;
    width: 140px;
  }
}
#header-tempero .brandtitle.brandtitle-guararapes a {
  padding: 34px 0 1rem;
}
#header-tempero .brandtitle.brandtitle-guararapes a img {
  max-height: 22px !important;
}
@media screen and (min-width: 40em) {
  #header-tempero .brandtitle.brandtitle-guararapes a img {
    max-height: 28px !important;
  }
}
#header-tempero.floatheader {
  position: fixed;
  z-index: 9;
  width: 100vw;
  top: 0px;
  transition: exibefloatheader 0.9s ease-in-out;
  animation: exibefloatheader 0.9s ease-in-out forwards;
}
@media screen and (min-width: 40em) {
  #header-tempero.floatheader {
    width: 100%;
  }
}
#header-tempero.floatheader .brandtitle {
  /*a {
    display: block;
      .light-theme {
          display: block;
      }
      .dark-theme {
          display: none;
      }
  }*/
}
#header-tempero.floatheader .menutopo-wrap ul.menutopo li.menu-item a {
  color: var(--neutro-cem);
}
#header-tempero.floatheader #social-media {
  color: var(--primary-color);
}

/* 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;
}

.wp-block-latest-posts__list {
  margin: 0 !important;
  gap: 2rem;
}
.wp-block-latest-posts__list li {
  margin: 0px;
  padding: 0px;
}
.wp-block-latest-posts__list.columns-2 li {
  width: calc(50% - 1rem);
  margin: 0px;
  padding: 0px;
}
.wp-block-latest-posts__list.columns-3 li {
  width: calc(33.3333333333% - 2rem);
  margin: 0px;
  padding: 0px;
}
.page-wrapper {
  background-color: var(--neutro-dez);
  color: var(--neutro-noventa);
}
.page-wrapper a {
  color: var(--neutro-cem);
}
.page-wrapper {
  padding: 2rem 0;
}
@media screen and (max-width: 39.9375em) {
  .page-wrapper {
    padding: 2rem 2rem;
  }
}
.page-wrapper .content-entry-home {
  text-align: center;
}
@media screen and (min-width: 40em) {
  .page-wrapper .content-entry-home {
    text-align: left;
  }
}
.page-wrapper h1, .page-wrapper h2 {
  font-size: 32px;
  font-family: var(--font-aller-aller-bold);
  margin-bottom: 2rem;
}
.page-wrapper h3 {
  font-size: 20px;
  font-family: var(--font-aller-aller-bold);
  text-transform: uppercase;
}
.page-wrapper.page-inicio {
  text-align: center;
  background-position: center;
  background-size: cover;
  padding: 64px 0 150px;
}
@media screen and (min-width: 40em) {
  .page-wrapper.page-inicio {
    padding: 72px 0 100px;
  }
}
.page-wrapper.page-inicio .capa-slider-wrap {
  padding: 1rem 0 2rem;
}
.page-wrapper.page-inicio .capa-slider-wrap .wp-block-themepunch-revslider.revslider {
  overflow: hidden;
  border-radius: var(--border-radius);
}
@supports (corner-shape: squircle) {
  .page-wrapper.page-inicio .capa-slider-wrap .wp-block-themepunch-revslider.revslider {
    border-radius: calc(2 * var(--border-radius));
    corner-shape: squircle;
  }
}
.page-wrapper.page-inicio .capa-slider-wrap,
.page-wrapper.page-inicio .capa-wrap {
  overflow: hidden;
  width: 100vw;
  position: relative;
}
@media screen and (max-width: 39.9375em) {
  .page-wrapper.page-inicio .capa-slider-wrap,
  .page-wrapper.page-inicio .capa-wrap {
    overflow: hidden;
    height: 350px;
    width: 100vw;
  }
}
@media screen and (min-width: 40em) {
  .page-wrapper.page-inicio .capa-slider-wrap::before,
  .page-wrapper.page-inicio .capa-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    backdrop-filter: blur(50px);
    background-color: rgba(0, 0, 0, 0.3); /* controla o escurecimento */
    z-index: 0;
  }
}
.page-wrapper.page-inicio .capa-slider-wrap .capa-img,
.page-wrapper.page-inicio .capa-wrap .capa-img {
  width: 100%;
  position: relative;
  z-index: 1;
  max-width: 1920px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.page-wrapper.page-mdf-doc {
  background: linear-gradient(to bottom, rgba(41, 41, 41, 0.8), rgba(31, 31, 31, 0.6));
  backdrop-filter: blur(10px);
  transform: translateY(-160px);
  margin-bottom: -160px;
}
@media screen and (min-width: 40em) {
  .page-wrapper.page-mdf-doc {
    transform: translateY(-7rem);
    margin-bottom: -7rem;
  }
}
.page-wrapper.page-mdf-doc h2 {
  display: none;
}
.page-wrapper.page-mdf-doc p {
  line-height: 1.2;
}
@media screen and (min-width: 40em) {
  .page-wrapper.page-mdf-doc .texto-cadastre-se {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.page-wrapper.page-mdf-doc .texto-cadastre-se p {
  margin-bottom: 0;
}
.page-wrapper.page-mdf-doc .bloco-cadastre-se-rd-wrap {
  background-color: var(--neutro-zero);
  padding: 1rem 2rem;
  border-radius: var(--border-radius);
}
@supports (corner-shape: squircle) {
  .page-wrapper.page-mdf-doc .bloco-cadastre-se-rd-wrap {
    border-radius: calc(2 * var(--border-radius));
    corner-shape: squircle;
  }
}
@media screen and (min-width: 40em) {
  .page-wrapper.page-mdf-doc .bloco-cadastre-se-rd-wrap {
    padding: 1rem 3rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .page-wrapper.page-mdf-doc .wp-block-columns .wp-block-image {
    max-width: 50%;
    margin: auto;
  }
}
@media screen and (min-width: 40em) {
  .page-wrapper.page-mdf-doc .wp-block-columns .wp-block-image img {
    max-height: 57px !important;
  }
}
@media screen and (min-width: 40em) {
  .page-wrapper.page-mdf-doc .wp-block-columns {
    gap: 2rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .page-wrapper.page-mdf-doc .wp-block-columns .wp-block-column {
    padding: 0;
  }
}
.page-wrapper.page-trailers .slick-posts-cat-wrapper {
  width: calc(100% + 1rem) !important;
  transform: translateX(-1rem);
}
.page-wrapper.page-trailers .post-item-link {
  display: block;
  padding: 1rem !important;
  overflow: hidden;
  cursor: pointer;
}
.page-wrapper.page-trailers .post-item-link .slick-post-thumb {
  position: relative;
}
.page-wrapper.page-trailers .post-item-link .thumb-label-player {
  position: absolute;
  bottom: 3rem;
  left: 3rem;
  padding: 1rem 1.2rem;
  border: 5px solid #FFF;
  line-height: 1;
  border-radius: 50%;
  text-align: center;
  opacity: 0.5;
  transition: all ease-in-out 300ms;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.page-wrapper.page-trailers .post-item-link .thumb-label-player i {
  line-height: 1;
  transition: all ease-in-out 300ms;
}
.page-wrapper.page-trailers .post-item-link:hover .thumb-label-player {
  opacity: 1;
  transform: scale(1.5);
  border: 5px solid #E6B183;
}
.page-wrapper.page-trailers .post-item-link:hover .thumb-label-player i {
  color: #E6B183;
}
.page-wrapper.page-trailers .post-item-link .thumb-label {
  position: absolute;
  top: 25%;
  padding: 2rem;
  display: flex;
  flex-direction: column;
}
.page-wrapper.page-trailers .post-item-link .thumb-label .label-row {
  display: block;
}
.page-wrapper.page-trailers .post-item-link h6 {
  font-family: var(--font-aller-ibm-semi-bold);
  font-size: 38px;
  line-height: 1.4;
  display: inline-block;
  margin: 0;
  padding: 0.5rem;
}
.page-wrapper.page-trailers .post-item-link h6 em {
  font-family: var(--font-bauer-bodoni-black-italic);
  font-style: normal;
}
.page-wrapper.page-trailers .post-item-link h6 {
  padding: 0px 24px;
  color: #fff;
  display: inline-flex;
  align-items: center;
}
.page-wrapper.page-trailers .post-item-link h5 {
  font-family: var(--font-aller-ibm-light);
  font-weight: 100;
  font-size: 27px;
  line-height: 1.4;
  margin: 0;
  padding: 0.5rem;
  margin-left: 2rem;
  padding: 0px 24px;
  color: #fff;
  display: inline-flex;
  align-items: center;
}
.page-wrapper.page-trailers .post-item-link img {
  border-radius: var(--border-radius);
}
@supports (corner-shape: squircle) {
  .page-wrapper.page-trailers .post-item-link img {
    border-radius: calc(2 * var(--border-radius));
    corner-shape: squircle;
  }
}
.page-wrapper.page-trailers .post-item-link .entry-content,
.page-wrapper.page-trailers .post-item-link .entry-content-excerpt {
  padding: 1rem 2rem;
}
.page-wrapper.page-episodios {
  background-color: var(--neutro-zero);
  color: var(--neutro-cem);
}
.page-wrapper.page-episodios .grid-container .grid-x-custom {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 40em) {
  .page-wrapper.page-episodios .grid-container .grid-x-custom {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3rem;
  }
}
@media screen and (min-width: 40em) {
  .page-wrapper.page-episodios .grid-container .grid-x-custom .cell {
    width: calc(50% - 1.5rem);
  }
}
.page-wrapper.page-episodios .post-item-link {
  display: block;
  cursor: pointer;
  overflow: hidden;
}
.page-wrapper.page-episodios .post-item-link img {
  transition: all ease-in-out 300ms;
  filter: brightness(1);
}
.page-wrapper.page-episodios .post-item-link:hover img {
  filter: brightness(1.2);
}
.page-wrapper.page-episodios .post-item-link .slick-post-thumb {
  position: relative;
}
.page-wrapper.page-episodios .post-item-link .thumb-label {
  position: absolute;
  top: 50%;
  padding: 2rem;
  display: flex;
  flex-direction: column;
}
.page-wrapper.page-episodios .post-item-link .thumb-label .label-row {
  display: block;
}
.page-wrapper.page-episodios .post-item-link h6 {
  font-family: var(--font-aller-ibm-semi-bold);
  font-size: 38px;
  line-height: 1.4;
  display: inline-block;
  margin: 0;
  padding: 0.5rem 24px;
  background-color: var(--neutro-dez);
}
.page-wrapper.page-episodios .post-item-link h6 em {
  font-family: var(--font-bauer-bodoni-black-italic);
  font-style: normal;
  line-height: 1.4px;
}
.page-wrapper.page-episodios .post-item-link h6 {
  position: relative;
  height: 42px;
}
.page-wrapper.page-episodios .post-item-link h6::after, .page-wrapper.page-episodios .post-item-link h6::before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.page-wrapper.page-episodios .post-item-link h6::after {
  left: -8px;
  background-image: url("../imgs/left-border.svg");
  background-position: left;
}
.page-wrapper.page-episodios .post-item-link h6::before {
  right: -8px;
  background-image: url("../imgs/right-border.svg");
  background-position: right;
}
.page-wrapper.page-episodios .post-item-link h6 {
  color: #fff;
  display: inline-flex;
  align-items: center;
}
.page-wrapper.page-episodios .post-item-link h5 {
  font-family: var(--font-aller-ibm-light);
  font-weight: 100;
  font-size: 27px;
  line-height: 1.4;
  margin: 0;
  padding: 0.5rem 24px;
  margin-left: 2rem;
  background-color: var(--neutro-dez);
  margin-top: -4px;
  position: relative;
  height: 42px;
}
.page-wrapper.page-episodios .post-item-link h5::after, .page-wrapper.page-episodios .post-item-link h5::before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.page-wrapper.page-episodios .post-item-link h5::after {
  left: -8px;
  background-image: url("../imgs/left-border.svg");
  background-position: left;
}
.page-wrapper.page-episodios .post-item-link h5::before {
  right: -8px;
  background-image: url("../imgs/right-border.svg");
  background-position: right;
}
.page-wrapper.page-episodios .post-item-link h5 {
  color: #fff;
  display: inline-flex;
  align-items: center;
}
.page-wrapper.page-episodios .post-item-link img {
  border-radius: var(--border-radius);
}
@supports (corner-shape: squircle) {
  .page-wrapper.page-episodios .post-item-link img {
    border-radius: calc(2 * var(--border-radius));
    corner-shape: squircle;
  }
}
.page-wrapper.page-episodios .post-item-link .entry-content,
.page-wrapper.page-episodios .post-item-link .entry-content-excerpt {
  padding: 2rem 2rem 1rem;
}
@media screen and (min-width: 40em) {
  .page-wrapper.page-episodios .post-item-link .entry-content,
  .page-wrapper.page-episodios .post-item-link .entry-content-excerpt {
    padding: 1rem 2rem;
  }
}
.page-wrapper.page-episodios .post-item-link .entry-content p,
.page-wrapper.page-episodios .post-item-link .entry-content-excerpt p {
  margin-bottom: 0;
}
@media screen and (max-width: 39.9375em) {
  .page-wrapper.page-ficha-tecnica .wp-block-columns.is-layout-flex {
    gap: 0;
    text-align: left;
  }
}
.page-wrapper.page-veja-tambem {
  background-color: #2e2d2c;
}
.page-wrapper.page-veja-tambem .wp-block-gallery {
  gap: 1.5rem;
  flex-wrap: wrap;
}
@media screen and (min-width: 40em) {
  .page-wrapper.page-veja-tambem .wp-block-gallery {
    flex-wrap: nowrap;
    gap: 3rem;
  }
}
.page-wrapper.page-veja-tambem .wp-block-gallery .wp-block-image {
  width: calc(50% - 1.5rem) !important;
}
@media screen and (min-width: 40em) {
  .page-wrapper.page-veja-tambem .wp-block-gallery .wp-block-image {
    width: calc(25% - 3rem) !important;
  }
}
.page-wrapper.page-veja-tambem .wp-block-gallery .wp-block-image a {
  display: block;
  border-radius: 18px; /* não suportado */
}
@supports (corner-shape: squircle) {
  .page-wrapper.page-veja-tambem .wp-block-gallery .wp-block-image a {
    border-radius: 36px;
    corner-shape: squircle;
  }
}
.page-wrapper.page-veja-tambem .wp-block-gallery .wp-block-image a {
  overflow: hidden;
}
.page-wrapper.page-veja-tambem .wp-block-gallery .wp-block-image {
  /* efeito legal A */
}
.page-wrapper.page-veja-tambem .wp-block-gallery .wp-block-image a {
  display: block;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s ease;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0);
}
.page-wrapper.page-veja-tambem .wp-block-gallery .wp-block-image a:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
}
.page-wrapper.page-veja-tambem .wp-block-gallery .wp-block-image a:hover::after {
  opacity: 1;
}
.page-wrapper.page-veja-tambem .wp-block-gallery .wp-block-image a:hover img {
  transform: scale(1.08);
  filter: brightness(1.05) contrast(1.05);
}
.page-wrapper.page-veja-tambem .wp-block-gallery .wp-block-image a img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), filter 0.4s ease;
  will-change: transform;
}
.page-wrapper.page-veja-tambem .wp-block-gallery .wp-block-image {
  /* FIM EFEITO A*/
  /* EFEITO B * *
  	a {
  		display: block;
  		border-radius: 18px;
  		overflow: hidden;

  		// sombra base bem discreta
  		filter:
  			drop-shadow(0 4px 10px rgba(0, 0, 0, 0.25))
  			drop-shadow(0 0 0 rgba(0, 200, 220, 0));

  		transition:
  			filter 0.5s cubic-bezier(0.22, 1, 0.36, 1),
  			transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);

  		transform: translateZ(0);

  		img {
  			display: block;
  			width: 100%;
  			height: auto;
  			transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  		}

  		&:hover {
  			transform: translateY(-2px);

  			// highlight suave (cyan frio)
  			filter:
  			drop-shadow(0 8px 18px rgba(0, 0, 0, 0.3))
  			drop-shadow(0 0 10px rgba(0, 200, 220, 0.35));

  			img {
  			transform: scale(1.03);
  			}
  		}
  	}

  /* FIM EFEITO B*/
  /* EFEITO C*W
  a {
  	@include link-highlight();
  }
  /* FIM EFEITO C*/
}
@media screen and (min-width: 40em) {
  .page-wrapper.page-a-guararapes .page-section-thumbnail-cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.page-wrapper.page-a-guararapes .page-section-thumbnail-wrap img {
  border-radius: var(--border-radius);
}
@supports (corner-shape: squircle) {
  .page-wrapper.page-a-guararapes .page-section-thumbnail-wrap img {
    border-radius: calc(2 * var(--border-radius));
    corner-shape: squircle;
  }
}

@media screen and (max-width: 39.9375em) {
  .slick-posts-cat {
    overflow: visible;
  }
}
.slick-posts-cat .slick-arrow {
  background-image: url(../imgs/arrow-left.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-color: black !important;
  width: 60px;
  height: 60px;
  background-size: 27px;
  border-radius: 50%;
  z-index: 2;
  transition: all ease-in-out 300ms;
}
.slick-posts-cat .slick-arrow:hover, .slick-posts-cat .slick-arrow:focus {
  background-image: url(../imgs/arrow-left.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.3) !important;
  width: 60px;
  height: 60px;
  background-size: 27px;
  border-radius: 50%;
  z-index: 2;
  border: 1px solid #FFF;
}
.slick-posts-cat .slick-arrow::before {
  content: " ";
}
.slick-posts-cat .slick-arrow.slick-prev {
  left: -15px !important;
  transform: rotate(180deg) translate(0, 50%);
  background-color: #000 !important;
}
.slick-posts-cat .slick-arrow.slick-next {
  right: -32px !important;
  background-color: #000 !important;
}
.slick-posts-cat .slick-arrow.slick-disabled.slick-prev, .slick-posts-cat .slick-arrow.slick-disabled.slick-next {
  display: none !important;
}
@media screen and (max-width: 39.9375em) {
  .slick-posts-cat .slick-arrow {
    display: none !important;
  }
}

#lp-mdf-doc-4afeed944be7dd65d07a {
  margin: 0 !important;
  padding: 0 !important;
}
#lp-mdf-doc-4afeed944be7dd65d07a *:not(style), #lp-mdf-doc-4afeed944be7dd65d07a:not(script) {
  background: transparent !important;
  margin: 0 !important;
}
@media screen and (min-width: 40em) {
  #lp-mdf-doc-4afeed944be7dd65d07a div, #lp-mdf-doc-4afeed944be7dd65d07a form {
    display: block !important;
  }
}
#lp-mdf-doc-4afeed944be7dd65d07a {
  background: transparent !important;
}
#lp-mdf-doc-4afeed944be7dd65d07a input {
  background-color: var(--neutro-dez) !important;
  min-width: 250px !important;
  width: 100% !important;
  padding: 0.5rem 1rem !important;
}
@media screen and (min-width: 40em) {
  #lp-mdf-doc-4afeed944be7dd65d07a input {
    min-width: 250px !important;
    width: 100% !important;
    padding: 0.5rem 10rem 0.5rem 1rem !important;
  }
}
#lp-mdf-doc-4afeed944be7dd65d07a .bricks-form__submit {
  padding: 0rem !important;
}
@media screen and (min-width: 40em) {
  #lp-mdf-doc-4afeed944be7dd65d07a .bricks-form__submit {
    position: absolute !important;
    max-width: 10rem !important;
    right: 0;
    top: 0;
  }
}
#lp-mdf-doc-4afeed944be7dd65d07a button {
  background-color: #2e2d2c !important;
  max-width: 10rem;
}
@media screen and (min-width: 40em) {
  #lp-mdf-doc-4afeed944be7dd65d07a button {
    position: absolute !important;
    padding: 0.4rem 1rem !important;
    border: none !important;
    height: 46px !important;
  }
}
#lp-mdf-doc-4afeed944be7dd65d07a button:hover {
  background-color: var(--second-accent-color) !important;
  color: var(--neutro-dez) !important;
}

#conversion-form-lp-mdf-doc {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem;
}
@media screen and (min-width: 40em) {
  #conversion-form-lp-mdf-doc {
    flex-direction: row !important;
    gap: 2rem;
  }
}

#rd-row-mj1w2e5w {
  min-height: auto !important;
}

#rd-column-mj1w2e5x {
  flex: 1 !important;
}

#rd-row-mj1w2e5w .bricks--column > div {
  padding: 0;
  height: fit-content !important;
  min-height: 50px !important;
  margin-top: 0.6rem !important;
  height: auto;
}

/* Tempero Main */
/* Tempero Main */
.footer-section {
  padding: 0;
  margin-bottom: 0px;
  position: relative;
}
.footer-section footer {
  padding: 54px 0 90px;
  margin: 0;
}
@media screen and (max-width: 39.9375em) {
  .footer-section footer {
    text-align: center;
  }
}
@media screen and (min-width: 40em) {
  .footer-section footer {
    padding: 72px 0 72px;
  }
}
.footer-section footer.container.wide-grid {
  background-color: var(--primary-color) !important;
  max-width: 100% !important;
}
@media screen and (min-width: 80em) {
  .footer-section footer.container.wide-grid {
    width: calc(100% - 144px) !important;
    margin: auto 72px 36px;
  }
}

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

.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(--neutro-cem);
}
.menu-footer-wrap ul.menu-footer li a:hover {
  color: var(--second-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 {
  margin-top: 32px;
  padding-top: 32px;
  position: relative;
}
.grid-copyright::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: white;
  width: calc(100% - 28px);
  height: 1px;
  top: 0;
  left: 14px;
}
.grid-copyright * {
  color: var(--dark-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-wrap-footer2 {
  display: block;
  margin: 0px;
  padding: 0px;
  color: var(--neutro-cem);
}
#social-media-wrap-footer2 .social-media2 {
  display: flex;
  width: 100%;
  list-style: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0px;
  padding: 0px;
}
@media screen and (min-width: 40em) {
  #social-media-wrap-footer2 .social-media2 {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (max-width: 39.9375em) {
  #social-media-wrap-footer2 .social-media2 li {
    width: calc(50% - 1rem);
  }
}
#social-media-wrap-footer2 .social-media2 li a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: inherit;
  text-decoration: none;
  padding: 1rem;
  line-height: 1;
}
@media screen and (max-width: 39.9375em) {
  #social-media-wrap-footer2 .social-media2 li a {
    text-align: left;
    margin-left: 0;
    width: 100%;
  }
}
#social-media-wrap-footer2 .social-media2 li a:hover, #social-media-wrap-footer2 .social-media2 li a :focus {
  color: var(--second-accent-color);
}
#social-media-wrap-footer2 .social-media2 li a::before {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
}
#social-media-wrap-footer2 .social-media2 li {
  /* Instagram */
}
#social-media-wrap-footer2 .social-media2 li a[href*=instagram]::before {
  content: "\f16d";
}
#social-media-wrap-footer2 .social-media2 li {
  /* Facebook */
}
#social-media-wrap-footer2 .social-media2 li a[href*=facebook]::before {
  content: "\f09a";
}
#social-media-wrap-footer2 .social-media2 li {
  /* Pinterest */
}
#social-media-wrap-footer2 .social-media2 li a[href*=pinterest]::before {
  content: "\f0d2";
}
#social-media-wrap-footer2 .social-media2 li {
  /* YouTube */
}
#social-media-wrap-footer2 .social-media2 li a[href*=youtube]::before,
#social-media-wrap-footer2 .social-media2 li a[href*="youtu.be"]::before {
  content: "\f167";
}

.cell-guararapes p {
  text-align: right;
  padding: 1rem;
  line-height: 1;
}
@media screen and (max-width: 39.9375em) {
  .cell-guararapes p {
    text-align: left;
  }
}
.cell-guararapes p a {
  color: #fff;
}
.cell-guararapes p a:hover {
  color: var(--second-accent-color);
}

#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 li {
  display: block;
  margin: 0px;
  padding: 0px;
  position: relative;
  margin: 0 0 0 0;
}
#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 li a:hover {
  color: var(--accent-color);
  border-radius: var(--border-radius-big);
}
#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 li.menu-item-instagram a::before {
  content: "\f16d";
  font-family: "Font Awesome 6 Brands";
}
#social-media li.menu-item-facebook a::before {
  content: "\f09a";
  font-family: "Font Awesome 6 Brands";
}
#social-media li.menu-item-linkedin a::before {
  content: "\f08c";
  font-family: "Font Awesome 6 Brands";
}
#social-media li.menu-item-whatsapp a::before {
  content: "\f232";
  font-family: "Font Awesome 6 Brands";
}
#social-media.menu-social-contato li {
  color: var(--accent-color) !important;
}
#social-media.menu-social-contato li a::before {
  color: var(--neutro-100) !important;
}

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

.yt-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(1px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* Estado fechado */
.yt-overlay.is-hidden {
  display: none;
}

/* Container principal */
.yt-player-wrapper {
  position: relative;
  width: min(90vw, 1100px);
  background: #000;
  border-radius: 6px;
  overflow: hidden;
}

/* Mantém proporção 16:9 */
.yt-player-aspect {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
}

#yt-player {
  position: absolute;
  inset: 0;
}

/* Garante que o iframe herde o tamanho */
#yt-player iframe {
  width: 100% !important;
  height: 100% !important;
}

/* Controles customizados */
.yt-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}

.yt-controls button {
  background: none;
  border: none;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

.yt-progress {
  flex: 1;
}

/* Botão fechar */
.yt-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
  border: none;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}

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