/* =========================================================
   Glayze Cafe - Home-G  |  extracted stylesheet
   All <style> blocks from Home-G.html, concatenated in the
   original document order. Order matters - do not reshuffle.
   ========================================================= *//* ====================================================================
   BLOCK 1 of 6 - Grid / utility framework (container, row, col-*, spacing, text-align)
   ==================================================================== */html {
  box-sizing: border-box;
}*,
:after,
:before {
  box-sizing: inherit;
}body {
  margin: 0;
  padding: 0;
}.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
}.col-12 {
  grid-column: span 12;
}.col-11 {
  grid-column: span 11;
}.col-10 {
  grid-column: span 10;
}.col-9 {
  grid-column: span 9;
}.col-8 {
  grid-column: span 8;
}.col-7 {
  grid-column: span 7;
}.col-6 {
  grid-column: span 6;
}.col-5 {
  grid-column: span 5;
}.col-4 {
  grid-column: span 4;
}.col-3 {
  grid-column: span 3;
}.col-2 {
  grid-column: span 2;
}.col-1 {
  grid-column: span 1;
}@media (min-width: 576px) {
  .col-sm-12 {
    grid-column: span 12;
  }
  .col-sm-11 {
    grid-column: span 11;
  }
  .col-sm-10 {
    grid-column: span 10;
  }
  .col-sm-9 {
    grid-column: span 9;
  }
  .col-sm-8 {
    grid-column: span 8;
  }
  .col-sm-7 {
    grid-column: span 7;
  }
  .col-sm-6 {
    grid-column: span 6;
  }
  .col-sm-5 {
    grid-column: span 5;
  }
  .col-sm-4 {
    grid-column: span 4;
  }
  .col-sm-3 {
    grid-column: span 3;
  }
  .col-sm-2 {
    grid-column: span 2;
  }
  .col-sm-1 {
    grid-column: span 1;
  }
}@media (min-width: 768px) {
  .col-md-12 {
    grid-column: span 12;
  }
  .col-md-11 {
    grid-column: span 11;
  }
  .col-md-10 {
    grid-column: span 10;
  }
  .col-md-9 {
    grid-column: span 9;
  }
  .col-md-8 {
    grid-column: span 8;
  }
  .col-md-7 {
    grid-column: span 7;
  }
  .col-md-6 {
    grid-column: span 6;
  }
  .col-md-5 {
    grid-column: span 5;
  }
  .col-md-4 {
    grid-column: span 4;
  }
  .col-md-3 {
    grid-column: span 3;
  }
  .col-md-2 {
    grid-column: span 2;
  }
  .col-md-1 {
    grid-column: span 1;
  }
}@media (min-width: 992px) {
  .my-lg-0 {
    padding-block: 0px;
  }
  .my-lg-1 {
    padding-block: 5px;
  }
  .my-lg-2 {
    padding-block: 10px;
  }
  .my-lg-3 {
    padding-block: 15px;
  }
  .my-lg-4 {
    padding-block: 30px;
  }
  .my-lg-5 {
    padding-block: 60px;
  }
  .mt-lg-0 {
    margin-top: 0px;
  }
  .mt-lg-1 {
    margin-top: 5px;
  }
  .mt-lg-2 {
    margin-top: 10px;
  }
  .mt-lg-3 {
    margin-top: 15px;
  }
  .mt-lg-4 {
    margin-top: 30px;
  }
  .mt-lg-5 {
    margin-top: 60px;
  }
  .mb-lg-0 {
    margin-bottom: 0px;
  }
  .mb-lg-1 {
    margin-bottom: 5px;
  }
  .mb-lg-2 {
    margin-bottom: 10px;
  }
  .mb-lg-3 {
    margin-bottom: 15px;
  }
  .mb-lg-4 {
    margin-bottom: 30px;
  }
  .mb-lg-5 {
    margin-bottom: 60px;
  }
  .ml-lg-0 {
    margin-left: 0px;
  }
  .ml-lg-1 {
    margin-left: 5px;
  }
  .ml-lg-2 {
    margin-left: 10px;
  }
  .ml-lg-3 {
    margin-left: 15px;
  }
  .ml-lg-4 {
    margin-left: 30px;
  }
  .ml-lg-5 {
    margin-left: 60px;
  }
  .mr-lg-0 {
    margin-right: 0px;
  }
  .mr-lg-1 {
    margin-right: 5px;
  }
  .mr-lg-2 {
    margin-right: 10px;
  }
  .mr-lg-3 {
    margin-right: 15px;
  }
  .mr-lg-4 {
    margin-right: 30px;
  }
  .mr-lg-5 {
    margin-right: 60px;
  }
  .col-lg-12 {
    grid-column: span 12;
  }
  .col-lg-11 {
    grid-column: span 11;
  }
  .col-lg-10 {
    grid-column: span 10;
  }
  .col-lg-9 {
    grid-column: span 9;
  }
  .col-lg-8 {
    grid-column: span 8;
  }
  .col-lg-7 {
    grid-column: span 7;
  }
  .col-lg-6 {
    grid-column: span 6;
  }
  .col-lg-5 {
    grid-column: span 5;
  }
  .col-lg-4 {
    grid-column: span 4;
  }
  .col-lg-3 {
    grid-column: span 3;
  }
  .col-lg-2 {
    grid-column: span 2;
  }
  .col-lg-1 {
    grid-column: span 1;
  }
}@media (min-width: 1200px) {
  .col-xl-12 {
    grid-column: span 12;
  }
  .col-xl-11 {
    grid-column: span 11;
  }
  .col-xl-10 {
    grid-column: span 10;
  }
  .col-xl-9 {
    grid-column: span 9;
  }
  .col-xl-8 {
    grid-column: span 8;
  }
  .col-xl-7 {
    grid-column: span 7;
  }
  .col-xl-6 {
    grid-column: span 6;
  }
  .col-xl-5 {
    grid-column: span 5;
  }
  .col-xl-4 {
    grid-column: span 4;
  }
  .col-xl-3 {
    grid-column: span 3;
  }
  .col-xl-2 {
    grid-column: span 2;
  }
  .col-xl-1 {
    grid-column: span 1;
  }
}@media (min-width: 1400px) {
  .col-xxl-12 {
    grid-column: span 12;
  }
  .col-xxl-11 {
    grid-column: span 11;
  }
  .col-xxl-10 {
    grid-column: span 10;
  }
  .col-xxl-9 {
    grid-column: span 9;
  }
  .col-xxl-8 {
    grid-column: span 8;
  }
  .col-xxl-7 {
    grid-column: span 7;
  }
  .col-xxl-6 {
    grid-column: span 6;
  }
  .col-xxl-5 {
    grid-column: span 5;
  }
  .col-xxl-4 {
    grid-column: span 4;
  }
  .col-xxl-3 {
    grid-column: span 3;
  }
  .col-xxl-2 {
    grid-column: span 2;
  }
  .col-xxl-1 {
    grid-column: span 1;
  }
}.my-0 {
  padding-block: 0px;
}.my-1 {
  padding-block: 5px;
}.my-2 {
  padding-block: 10px;
}.my-3 {
  padding-block: 15px;
}.my-4 {
  padding-block: 30px;
}.my-5 {
  padding-block: 60px;
}.mt-0 {
  margin-top: 0px;
}.mt-1 {
  margin-top: 5px;
}.mt-2 {
  margin-top: 10px;
}.mt-3 {
  margin-top: 15px;
}.mt-4 {
  margin-top: 30px;
}.mt-5 {
  margin-top: 60px;
}.mb-0 {
  margin-bottom: 0px;
}.mb-1 {
  margin-bottom: 5px;
}.mb-2 {
  margin-bottom: 10px;
}.mb-3 {
  margin-bottom: 15px;
}.mb-4 {
  margin-bottom: 30px;
}.mb-5 {
  margin-bottom: 60px;
}.ml-0 {
  margin-left: 0px;
}.ml-1 {
  margin-left: 5px;
}.ml-2 {
  margin-left: 10px;
}.ml-3 {
  margin-left: 15px;
}.ml-4 {
  margin-left: 30px;
}.ml-5 {
  margin-left: 60px;
}.mr-0 {
  margin-right: 0px;
}.mr-1 {
  margin-right: 5px;
}.mr-2 {
  margin-right: 10px;
}.mr-3 {
  margin-right: 15px;
}.mr-4 {
  margin-right: 30px;
}.mr-5 {
  margin-right: 60px;
}.py-0 {
  padding-block: 0px;
}.py-1 {
  padding-block: 5px;
}.py-2 {
  padding-block: 10px;
}.py-3 {
  padding-block: 15px;
}.py-4 {
  padding-block: 30px;
}.py-5 {
  padding-block: 60px;
}.pt-0 {
  padding-top: 0px;
}.pt-1 {
  padding-top: 5px;
}.pt-2 {
  padding-top: 10px;
}.pt-3 {
  padding-top: 15px;
}.pt-4 {
  padding-top: 30px;
}.pt-5 {
  padding-top: 60px;
}.pb-0 {
  padding-bottom: 0px;
}.pb-1 {
  padding-bottom: 5px;
}.pb-2 {
  padding-bottom: 10px;
}.pb-3 {
  padding-bottom: 15px;
}.pb-4 {
  padding-bottom: 30px;
}.pb-5 {
  padding-bottom: 60px;
}.pl-0 {
  padding-left: 0px;
}.pl-1 {
  padding-left: 5px;
}.pl-2 {
  padding-left: 10px;
}.pl-3 {
  padding-left: 15px;
}.pl-4 {
  padding-left: 30px;
}.pl-5 {
  padding-left: 60px;
}.pr-0 {
  padding-right: 0px;
}.pr-1 {
  padding-right: 5px;
}.pr-2 {
  padding-right: 10px;
}.pr-3 {
  padding-right: 15px;
}.pr-4 {
  padding-right: 30px;
}.pr-5 {
  padding-right: 60px;
}.text-left {
  text-align: left;
}.text-right {
  text-align: right;
}.text-center {
  text-align: center;
}/* ====================================================================
   BLOCK 4 of 6 - Global CSS — variables, base, layout, components
   ==================================================================== *//* GLOBAL CSS */:root {
  --cream: #FAF7F2;
  --cream-dark: #F0E8DC;
  --tan: #d4c5b3;
  --choc: #2d2d2d;
  --choc-deep: #1C0F06;
  --gold: #C8922A;
  --gold-light: #E8C97A;
  --gold-glow: rgba(200, 146, 42, 0.22);
  --text: #2A1608;
  --text-muted: #7A5C45;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "DM Sans", sans-serif;
  --radius-card: 16px;
  --radius-btn: 2px;
  --radius-pill: 100px;
  --shadow-card: 0 4px 24px rgba(44, 28, 6, 0.10);
  --shadow-hover: 0 16px 48px rgba(44, 28, 6, 0.20);
  --transition: 300ms ease;

  /* legacy aliases so scattered var(--primary)/var(--secondary)/var(--tertiary) references inherit Glayze tokens */
  --primary: var(--gold);
  --secondary: var(--text);
  --tertiary: var(--cream-dark);
}/* html {
    scroll-behavior: smooth;
  } */body {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 300;
  margin: 0px;
  color: var(--text);
  background: var(--cream);
  -webkit-font-smoothing: antialiased;
}body.overflowHidden {
  overflow: hidden;
}p {
  line-height: 1.7;
}h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-display);
  font-weight: 300;
}a {
  outline: none;
  transition: 0.3s ease;
  text-decoration: none;
}img {
  transition: 0.3s ease;
}ul {
  list-style: none;
  padding: 0px;
}#whatsapp-header img {
  height: 55px;
}#whatsapp-content-box-message p {
  line-height: 16px !important;
}#whatsapp-get-data input {
  margin-block: 10px;
  display: inline-block;
}#whatsapp-header {
  background-color: #004038 !important;
}.text-center {
  text-align: center;
}.text-right {
  text-align: right;
}.text-left {
  text-align: left;
}.imgFluid {
  max-width: 100%;
  height: auto;
}.fLight {
  font-weight: 200;
}.fLight300 {
  font-weight: 300;
}.fRegular {
  font-weight: 400;
}.fBold {
  font-weight: 700;
}.fBlack {
  font-weight: 900;
}.cLight {
  color: white;
}.cPrimary {
  color: var(--gold);
}.cDark {
  color: var(--text);
}/* FORM GLOBAL CSS */label {
  display: block;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px;
}textarea {
  height: 80px;
  height: 150px;
}/* BUTTONS */.btnLinkNews {
  margin-top: 15px;
}.btn,
.btnBlog,
.btnLinkNews {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}.btnDefault {
  color: var(--cream);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  overflow: hidden;
  height: auto;
  padding: 14px 32px;
  max-width: none;
  margin-left: 0;
  display: inline-flex;
  align-items: center;
  border-radius: var(--radius-btn);
  background: var(--gold);
  transition: background var(--transition), transform var(--transition), box-shadow var(--transition);
}.btnDefault:hover {
  background: #b07820;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px var(--gold-glow);
}.btnDefault img {
  pointer-events: none;
}.btnDefault.darkBtn {
  color: var(--choc-deep);
  background: transparent;
  border: 1px solid rgba(250, 247, 242, 0.4);
  height: auto;
}.btnDefault.darkBtn:hover {
  border-color: var(--gold-light);
  background: rgba(200, 146, 42, 0.1);
}.btnDefault .btnBg {
  display: none;
  /* decorative border PNG — removed in Glayze flat button style */
}/* .btnDefault::before REMOVED — Glayze buttons are flat, no inner pill/blob shape *//* .btn.whatsLink {
    background: #00B24D;
    color: #FFF;
  }


  .btn.whatsLink:hover {
    background: #05D961;
  } */.btnSubmit {
  cursor: pointer;
  margin-top: 15px;
  display: flex;
}.btnSubmit.needCheck {
  opacity: 0.7;
  pointer-events: none;
}

 .bigTitleSECTION h2 {
    font-size: 215px !important;
  }
@media (max-width: 768px) {
.bigTitleSECTION h2 {
    font-size: 36px !important;
  }
}

@media (max-width: 1550px) {
  /* btnDefault responsive overrides removed — flat Glayze button uses auto height/font-size */
}/* FOOTER — moved to shared/glayze.css (see shared/glayze.js) *//* BREADCRUMBS */.sectionBreadcrumbs {
  padding-block: 350px 70px;
  color: var(--cream);
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
}.sectionBreadcrumbs.active .smoothFadeIn {
  opacity: 1;
}.sectionBreadcrumbs .smoothFadeIn {
  transition: 1s cubic-bezier(0, 0, 0.07, 0.98) 0.5s;
  will-change: opacity;
  opacity: 0;
}.sectionBreadcrumbs::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: radial-gradient(circle, rgba(28, 15, 6, 0) 0%, rgba(28, 15, 6, 1) 80%), linear-gradient(180deg, rgba(28, 15, 6, 0) 0%, rgba(28, 15, 6, 1) 90%), linear-gradient(1deg, rgba(28, 15, 6, 0) 0%, rgba(28, 15, 6, 1) 90%);
}.sectionBreadcrumbs::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: var(--choc-deep);
  width: 100%;
  height: 100%;
}/* .sectionBreadcrumbs .bgImg {
    opacity: 0.8;
  } */.sectionBreadcrumbs .container {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}.sectionBreadcrumbs .sectionHeader {
  margin: 0;
}.sectionBreadcrumbs .pageIdentify {
  font-size: 45px;
  font-weight: 400;
  margin-block: 10px 0;
}#breadcrumb {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 5px;
  flex-wrap: wrap;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(255 255 255 / 5%);
}#breadcrumb li {
  display: flex;
  align-items: center;
  gap: 5px;
}#breadcrumb a {
  color: var(--cream);
}#breadcrumb a strong {
  color: var(--gold);
}#breadcrumb a:hover {
  color: var(--gold);
}.sectionBreadcrumbs .sectionHeader h2 {
  font-size: 180px;
  line-height: 1.01;
  text-align: left;
  line-height: revert;
  margin-bottom: -30px;
}.breadcrumbsGroup .goDown {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 11px;
  font-family: var(--font-body);
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(250, 247, 242, 0.6);
  padding-top: 20px;
  cursor: pointer;
}.breadcrumbsGroup .goDown:hover {
  color: var(--primary);
}.breadcrumbsGroup .goDown img {
  width: 21px;
  height: 21px;
}@media (max-width: 1500px) {
  .sectionBreadcrumbs .sectionHeader h2 {
    font-size: 130px;
  }
}@media (max-width: 992px) {
  .sectionBreadcrumbs {
    padding-block: 180px 70px;
  }

  .sectionBreadcrumbs .container {
    display: block;
  }

  #breadcrumb {
    justify-content: start;
  }


 



  .sectionBreadcrumbs .sectionHeader h2 {
    font-size: 55px;
    margin: 0;
  }
}/* CSS GSAP */h1,
h2,
p,
h3,
a {
  overflow: hidden;
}.font-anim-01,
.font-anim-02 {
  will-change: transform;
  transform: translate(0px, 160%);
  display: inline-block;
  transition: all 1.0s ease;
}.animGroup {
  overflow: hidden;
  padding: 10px;
  margin-left: -10px;
}.font-anim-03 {
  will-change: transform;
  transform: translate(0px, 160%);
  display: block;
  transition: all 1.0s ease;
}.textBox .textJump01.rightJump span {
  transform: scale(1.2) translate(15px, 110%) rotate(2.9deg);
  transition: all 0.9s cubic-bezier(0, 0, 0.07, 0.98);
  will-change: transform;
  display: block;
}.textBox .textJump01.leftJump span {
  transform: scale(1.2) translate(-15px, 110%) rotate(-2.9deg);
  transition: all 0.9s cubic-bezier(0, 0, 0.07, 0.98);
  will-change: transform;
  display: block;
}.textBox .textJump02.rightJump span {
  transform: scale(1.2) translate(15px, 110%) rotate(2.9deg);
  transition: all 1.5s cubic-bezier(0, 0, 0.07, 0.98);
  transition-delay: 0.5s;
  will-change: transform;
  display: block;
}.textBox .textJump02.leftJump span {
  transform: scale(1.2) translate(-15px, 140%) rotate(-2.9deg);
  transition: all 1.5s cubic-bezier(0, 0, 0.07, 0.98);
  transition-delay: 0.5s;
  will-change: transform;
  display: block;
}.textBox .textJump03.rightJump span {
  transform: scale(1) translate(0px, -110%) rotate(0deg);
  transition: all 1.5s cubic-bezier(0, 0, 0.07, 0.98);
  transition-delay: 0.75s;
  will-change: transform;
  display: block;
}.textBox .textJump03.leftJump span {
  transform: scale(1) translate(0px, -110%) rotate(0deg);
  transition: all 1.5s cubic-bezier(0, 0, 0.07, 0.98);
  transition-delay: 0.75s;
  will-change: transform;
  display: block;
}.textBox.active .textJump01.rightJump span,
.textBox.active .textJump01.leftJump span,
.textBox.active .textJump02.rightJump span,
.textBox.active .textJump02.leftJump span,
.textBox.active .textJump03.rightJump span,
.textBox.active .textJump03.leftJump span {
  transform: scale(1) translate(0px, 0%) rotate(0deg);
}.textBox {
  overflow: hidden;
  position: relative;
}.rotateAnim {
  transform: scale(1.2) translate(-6px, 110%) rotate(5deg);
  transition: 1s cubic-bezier(0, 0, 0.07, 0.98);
  will-change: transform;
  opacity: 0;
}section.active .rotateAnim {
  transform: scale(1) translate(0, 0) rotate(0);
  opacity: 1;
}.showUp {
  transform: scale(0.8) translate(-6px, 110%);
  transition: 1s cubic-bezier(0, 0, 0.07, 0.98);
  will-change: transform;
  opacity: 0;
}section.active .showUp {
  transform: scale(1) translate(0, 0);
  opacity: 1;
}.slideRight {
  will-change: transform, opacity, letter-spacing;
  /* transform: translateX(-500px); */
  opacity: 0;
  /* transition: transform 1.5s ease, opacity 0.3s ease; */
  transition: transform 1.2s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 1s ease, letter-spacing 1s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  letter-spacing: 35px;
  /* text-align: center; */
  transform: rotate3d(1, 0, 0.1, 50deg);
}section.active .slideRight {
  /* transform: translateX(0); */
  opacity: 1;
  letter-spacing: 1px;
  /* text-align: center; */
  transform: rotate3d(1, 0, 1, 0deg);
}.parallaxImg,
.parallaxVertical,
.parallaxHorizontal,
.parallaxVerticalDown,
.parallaxVerticalDownFast,
.parallaxVerticalDownAbout,
.parallaxVerticalUp,
.parallaxVerticalUpFast,
.parallaxVerticalUpRotate {
  will-change: transform;
}.opacityFadeOutAnimation {
  will-change: transform;
}@media (max-width: 992px) {
  .slideRight {
    will-change: transform, opacity, letter-spacing;
    /* transform: translateX(-500px); */
    opacity: 0;
    /* transition: transform 1.5s ease, opacity 0.3s ease; */
    transition: transform 1.2s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 1s ease, letter-spacing 1s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    letter-spacing: 0px;
    /* text-align: center; */
    transform: rotate3d(1, 0, 0.1, 50deg);
  }
}/* CSS PÁGINAS */section {
  padding-block: 200px;
  position: relative;
  overflow: hidden;
}.ovHidden {
  overflow: hidden;
}.sectionHeader {
  margin-bottom: 30px;
}.parallaxVerticalUp,
.parallaxVertical {
  will-change: transform;
}.sectionHeader h2 {
  position: relative;
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(36px, 5vw, 60px);
  line-height: 1.05;
  letter-spacing: -0.01em;
  margin: 0;
  overflow: revert;
}.container {
  position: relative;
  z-index: 1;
  max-width: 1800px;
  max-width: 1650px;
}.bgImg {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}p.title {
  line-height: revert;
}
/* .fAbuget and .fMonstro used to load two fonts from the original
   template's own host. The @font-face blocks are gone (nothing used the
   families, and both these classes immediately override font-family with
   the Glayze display face anyway). Kept because the markup still names
   them. */
.fMonstro {
  font-family: var(--font-display);
  font-style: italic;
}.fIntro {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(28px, 3.5vw, 46px);
  line-height: 1.3 !important;
}.fAbuget {
  font-family: var(--font-display);
  font-style: italic;
  color: var(--gold-light);
}#fixedCorrection {
  height: 110px;
  height: 88px;
}@media (min-width: 992px) {
  .lgContainer {
    max-width: 1800px;
  }
}/* sectionHeader h2 responsive overrides REMOVED — clamp(36px,5vw,60px) handles all breakpoints */@media (max-width: 992px) {
  section {
    padding-block: 50px;
  }

  .btnDefault {
    font-size: 11px;
    /* stays consistent */
  }

  .btnDefault::before {
    /* removed */
  }

  .sectionHeader h2 {
    /* clamp handles mobile too */
  }
}@media (max-width: 450px) {
  /* .sectionHeader h2 clamp handles this */
}@media (max-width: 300px) {
  /* .sectionHeader h2 clamp handles this */
}/* Form */.formContainer input,
.formContainer textarea,
.formContainer select {
  background: var(--cream);
  border: 1px solid var(--tan);
  border-radius: var(--radius-card);
  outline: none;
  display: block;
  width: 100%;
  color: var(--text);
  padding: 12px 20px;
  font-family: var(--font-body);
  margin-block: 15px;
  font-size: 16px;
}.formContainer input:focus,
.formContainer textarea:focus,
.formContainer select:focus {
  border-color: var(--gold);
}.formContainer input::placeholder,
.formContainer textarea::placeholder,
.formContainer select::placeholder {
  opacity: 1;
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--text-muted);
}.formContainer option {
  font-size: 16px;
}/* #formContainer .btn-submit {
    color: var(--primary);
    border: 1px solid var(--primary);
    padding: 10px 20px;
    border-radius: 20px;
    font-weight: bold;
    display: block;
    max-width: fit-content;
    cursor: pointer;
    transition: 0.3s ease;
  }

  #formContainer .btn-submit:hover {
    color: #FFF;
    background: var(--primary);
  } *//* Localidades */.localidades {
  margin-top: 100px;
}.localidades .line {
  display: inline-block;
}.localidades .line:nth-child(even) {
  -webkit-animation: carrouselLine 50s linear infinite;
  animation: carrouselLine 50s linear infinite;
}.localidades .line:nth-child(odd) {
  -webkit-animation: carrouselLine 50s linear infinite reverse;
  animation: carrouselLine 50s linear infinite reverse;
}@keyframes carrouselLine {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(-50%, 0, 0)
  }
}.localidades ul {
  display: flex;
  align-items: center;
  gap: 100px;
  justify-content: center;
  padding: 0;
}.localidades li {
  font-weight: 300;
  font-family: var(--font-display);
  font-style: italic;
  font-size: clamp(28px, 3vw, 50px);
  width: max-content;
  text-transform: none;
}.localidades li:nth-child(even) {
  color: var(--gold);
}/* -------------------------------- Cta Unidade -------------------------------- */#sectionCtaUnidade {
  background-color: var(--cream-dark);
  padding-inline: 15px;
}#sectionCtaUnidade .container {
  border-radius: 20px;
  overflow: hidden;
  background: var(--choc-deep);
  color: var(--cream);
  padding: 50px 75px;
  border-radius: var(--radius-card);
}#sectionCtaUnidade .txtBox {
  position: relative;
  z-index: 1;
}#sectionCtaUnidade h2 {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(32px, 4vw, 50px);
  line-height: 1.08;
  letter-spacing: -0.01em;
  max-width: 600px;
  margin-block: 0px 20px;
}#sectionCtaUnidade p {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 16px;
  width: 500px;
  color: rgba(250, 247, 242, 0.55);
}#sectionCtaUnidade .btnDefault {
  width: auto;
}/* #sectionCtaUnidade .btnDefault:hover::before — REMOVED */@media (max-width: 1200px) {
  #sectionCtaUnidade .txtBox {
    max-width: 500px;
  }
}@media (max-width: 992px) {
  #sectionCtaUnidade .container {
    padding: 20px;
  }

  #sectionCtaUnidade .bgImg {
    object-position: left;
  }

  #sectionCtaUnidade h2 {
    /* clamp handles this */
  }

  #sectionCtaUnidade p {
    width: auto;
    font-size: 16px;
  }
}@media (max-width: 300px) {
  #sectionCtaUnidade h2 {
    /* clamp handles this */
  }

  #sectionCtaUnidade .btnDefault {
    width: auto;
    font-size: 11px;
  }
}/* -------------------------------- CTA Franquia -------------------------------- */#sectionCtaFranquia {
  background-color: var(--choc-deep);
  color: var(--cream);
  padding-inline: 15px;
}#sectionCtaFranquia .container {
  background: var(--choc);
  border-radius: var(--radius-card);
  padding: 60px 75px;
  overflow: hidden;
}#sectionCtaFranquia .rightImg {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  max-width: 50%;
  object-fit: cover;
  object-position: left;
  pointer-events: none;
  z-index: -1;
}#sectionCtaFranquia .txtBox {
  max-width: 600px;
  position: relative;
}#sectionCtaFranquia h2 {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(32px, 4vw, 50px);
  line-height: 1.04;
  margin: 0;
  letter-spacing: -0.01em;
}@media (max-width: 1200px) {
  #sectionCtaFranquia .txtBox {
    max-width: 500px;
  }

  #sectionCtaFranquia h2 {
    /* clamp handles this */
  }
}@media (max-width: 992px) {
  #sectionCtaFranquia .container {
    padding: 50px 20px;
    padding-top: 170px;
  }

  #sectionCtaFranquia .rightImg {
    top: 0;
    height: 150px;
    width: 100%;
    max-width: 100%;
  }
}@media (max-width: 300px) {
  #sectionCtaFranquia h2 {
    /* clamp handles this */
  }

  #sectionCtaFranquia .btnDefault {
    width: auto;
    font-size: 11px;
  }
}/* -------------------------------- Produtos -------------------------------- */.imgProduto .carousel-cell {
  width: 100%;
  height: 370px;
  display: flex;
  align-items: center;
  justify-content: center;
}.imgProduto .flickity-page-dots {
  bottom: 10px;
}.imgProduto .flickity-page-dots .dot {
  background: none;
  border: 1px solid var(--tan);
  opacity: 1;
  margin: 0 4px;
}.imgProduto .flickity-page-dots .dot.is-selected {
  background: var(--gold);
  border-color: var(--gold);
}.cardProduto .txtBox {
  padding: 40px 10px;
}@media (max-width: 1200px) {.imgProduto .carousel-cell {
    height: 300px;
  }.cardProduto .txtBox {
    padding: 20px 10px;
  }}@media (max-width: 992px) {.imgProduto .carousel-cell {
    height: 400px;
    padding: 0;
  }.cardProduto .txtBox {
    padding: 10px 0;
  }}@media (max-width: 750px) {
  .imgProduto .carousel-cell {
    height: 250px;
  }
}@media (max-width: 500px) {
  .imgProduto .carousel-cell {
    height: 150px;
  }
}/* ====================================================================
   BLOCK 5 of 6 - Section styles (part 2)
   ==================================================================== *//* NAVBAR / HEADER — moved to shared/glayze.css (see shared/glayze.js) *//* ====================================================================
   BLOCK 6 of 6 - Section styles (part 3)
   ==================================================================== *//* .slideRight {
    transform: translateX(-500px);
    opacity: 0;
    transition: transform 1.5s ease, opacity 0.3s ease;
    transition: transform 1.5s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 1s ease;
  }

  section.active .slideRight {
    transform: translateX(0);
    opacity: 1;
  } *//* -------------------------------- Grãos de café -------------------------------- */.bean {
  pointer-events: none;
}#sectionSobre .bean1 {
  position: absolute;
  left: 20px;
  top: 475px;
}#sectionSobre .bean2 {
  position: absolute;
  bottom: 400px;
  left: 50px;
}#sectionSobre .bean3 {
  position: absolute;
  bottom: 130px;
  left: 15%;
}#sectionFranquias .bean1 {
  position: absolute;
  top: 100px;
  left: 40%;
}#sectionFranquias .beanGroup {
  position: absolute;
  left: 250px;
  top: 300px;
}#sectionFranquias .b1 {
  position: absolute;
  left: 70px;
  top: -40px;
}#sectionFranquias .b2 {
  position: absolute;
  left: 110px;
  top: -20px;
}#sectionFranquias .b3 {
  position: absolute;
  left: 0;
  top: 0;
}#sectionProdutos .bean1 {
  position: absolute;
  top: -140px;
  left: 250px;
}#sectionProdutos .bean2 {
  position: absolute;
  top: 100px;
  left: 20%;
}#sectionProdutos .bean3 {
  position: absolute;
  left: 175px;
  width: 68px;
  top: 380px;
}#sectionProdutos .bean4 {
  position: absolute;
  left: 115px;
  top: 425px;
  width: 125px;
}@media (max-width: 992px) {
  .bean {
    opacity: 0.6;
  }

  #sectionSobre .bean1 {
    width: 50px;
    top: auto;
    bottom: 20px;
  }

  #sectionSobre .bean2 {
    bottom: 20px;
    left: auto;
    right: 25px;
    width: 60px;
  }

  #sectionSobre .bean3 {
    bottom: 15px;
    left: 120px;
    width: 85px;
  }

  #sectionFranquias .bean1 {
    left: auto;
    right: 20px;
    top: 175px;
    width: 80px;
  }

  #sectionFranquias .beanGroup {
    left: 0;
    top: auto;
    bottom: 360px;
    left: auto;
    right: 185px;
  }

  #sectionFranquias .b1 {
    top: 15px;
    left: 60px;
  }

  #sectionFranquias .b2 {
    top: 75px;
  }

  #sectionFranquias .b3 {
    width: 70px;
    left: 15px;
    top: 50px;
  }

  #sectionProdutos .bean1 {
    top: -90px;
    left: 50px;
  }

  #sectionProdutos .bean2 {
    left: 50%;
    top: 20px;
    width: 70px;
  }

  #sectionProdutos .bean3 {
    top: 75px;
    left: auto;
    right: 0;
  }

  #sectionProdutos .bean4 {
    left: 0px;
    top: 100px;
    width: 90px;
  }
}/* -------------------------------- Banner -------------------------------- */#sectionBanner {
  padding: 0;
  color: var(--cream);
  background-color: var(--choc-deep);
  height: 120vh;
}#sectionBanner .loadingBall {
  width: 0%;
  max-width: 60px;
  height: 60px;
  background-color: var(--gold);
  z-index: 1;
  position: relative;
  border-radius: 50px;
  transform: translateY(-25px);
}#sectionBanner .leftImg {
  position: absolute;
  bottom: 0;
  height: 100%;
  max-height: 915px;
  z-index: 3;
  width: fit-content;
  object-fit: contain;
  object-position: left;
}#sectionBanner .carousel {
  width: 100%;
  min-height: 100vh;
  height: 100%;
}#sectionBanner .carousel-cell {
  height: 100vh;
  width: 100%;
  min-height: 1200px;
  position: absolute;
  visibility: hidden;
  transition: transform 1.3s ease-in-out 0.1s;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-content: flex-end;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 55px;
}#sectionBanner .carousel-cell::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: var(--choc-deep);
  width: 100%;
  height: 100%;
  opacity: 0.35;
}#sectionBanner .bgImg {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.85;
  transition: all 0.3s ease-in-out;
}.bannerTitle {
  position: relative;
  z-index: 4;
  transition: all 1.3s ease-in-out;
  max-width: 40vw;
  width: 100%;
  top: -10vh;
  margin-right: 7vw;
}.bannerProduct {
  display: none;
}.btnBanner {
  position: relative;
  z-index: 3;
  transition: all 1.3s ease-in-out 1.6s;
  transform: scale(0.9) rotate(5deg);
  opacity: 0;
  will-change: transform, opacity;
  top: -10vh;
  left: 7vw;
}/* CREATING THE BANNER CAROUSEL TRANSITION ANIMATION */#sectionBanner .carousel-cell.activeLoading .btnBanner {
  opacity: 1;
  transform: scale(0.9) rotate(0);
}#sectionBanner .carousel-cell.activeLoading.transition .btnBanner {
  /* transform: scale(5) translateX(-200%); */
  opacity: 0;
  transition: all 1.3s ease-in-out 0s;
}#sectionBanner .navigationDots {
  position: absolute;
  right: 5%;
  top: 0%;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  z-index: 4;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  opacity: 1;
  pointer-events: inherit;
}#sectionBanner .navigationDots.lock {
  pointer-events: none;
  opacity: 0.2;
}#sectionBanner .navigationDots .dotBtn {
  width: 30px;
  height: 30px;
  border-radius: var(--radius-pill);
  border: solid 1px rgba(250, 247, 242, 0.4);
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}#sectionBanner .navigationDots .dotBtn.active {
  pointer-events: none;
}#sectionBanner .navigationDots .dotBtn:hover {
  transform: scale(1.1);
}#sectionBanner .navigationDots .dotBtn.active:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  border-radius: var(--radius-pill);
  background-color: var(--gold);
}#sectionBanner .carousel-cell.transition .bgImg {
  opacity: 0;
}#sectionBanner .carousel-cell.transition .bannerTitle {
  opacity: 0;
}#sectionBanner .carousel-cell.transition .bannerImg {
  opacity: 0;
}#sectionBanner .carousel-cell.active {
  visibility: visible;
  z-index: 2;
}.smallTitle {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(16px, 2vw, 22px);
  letter-spacing: 0.06em;
  color: rgba(232, 201, 122, 0.75);
  margin: 0 0 12px 0;
  line-height: 1.3;
  will-change: transform, opacity, letter-spacing;
}
 .categoryCard img{
  max-height: 40vh;
  border-radius: 27px;
 }


 .formFoot .gzE-btn:hover{
  color: #fff;
 }
  .bigTitle {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(48px, 7vw, 88px);
  margin: 0;
  line-height: 1.05;
  letter-spacing: -0.01em;
  color: var(--gold-light);
  will-change: transform, opacity, letter-spacing;
}#sectionBanner .btnDefault {
  width: auto;
  margin: 0;
}/* #sectionBanner .btnDefault:hover::before — REMOVED with global ::before removal */.btnBanner>img {
  position: absolute;
  z-index: 1;
  left: -75px;
  top: -45px;
}@media (min-width: 992px) and (max-height: 900px),
(max-width: 1500px) and (min-width: 992px) {

  #sectionBanner,
  #sectionBanner .carousel-cell {
    min-height: 900px;
    height: auto;
  }

  /* .smallTitle and .bigTitle — clamp() handles these, no fixed-px overrides needed */

  .bannerImg {
    max-width: 30%;
  }

  .floatItem1 {
    width: 100px;
    height: 100px;
    object-fit: contain;
    left: 33%;
    top: 26vh;
  }

  .floatItem2 {
    width: 150px;
    height: 150px;
    object-fit: contain;
    left: 17%;
    top: 55vh;
  }
}/* Loading animation - Updates from 20-07-23 */section#sectionBanner:after {
  content: "";
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: black;
  z-index: 999;
  top: 0;
  transition: all 0.4s ease-in-out 1s;
  opacity: 1;
}section#sectionBanner.active:after {
  opacity: 0;
  z-index: -1;
}#sectionBanner #content {
  position: absolute;
  z-index: 1;
  transition: opacity 1.2s ease-in-out 1.5s;
  opacity: 0;
  will-change: opacity, transform;
}#sectionBanner .carousel:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 105vh;
  z-index: 2;
  background-image: radial-gradient(circle, rgba(28, 15, 6, 0) 0%, rgba(28, 15, 6, 1) 80%), linear-gradient(180deg, rgba(28, 15, 6, 0) 0%, rgba(28, 15, 6, 1) 80%), linear-gradient(1deg, rgba(28, 15, 6, 0) 0%, rgba(28, 15, 6, 1) 90%);
  transform: scale(1.5);
  transition: all 0.9s ease-in-out;
  opacity: 0;
  will-change: transform, opacity;
}#sectionBanner.active .carousel:before {
  opacity: 1;
  transform: scale(1);
}#sectionBanner .carousel-cell[data-item="0"] {
  transition: none;
  transform: scale(1);
  visibility: visible;
}#sectionBanner .carousel-cell::before {
  opacity: 0;
  transform: scale(2);
}#sectionBanner .carousel-cell .bgImg {
  opacity: 0;
  transition-delay: 3s;
  visibility: hidden;
}#sectionBanner .carousel-cell .smallTitle {
  opacity: 0;
  letter-spacing: 0px;
  text-align: left;
  transform: translateX(-11%) rotate3d(1, 0, 0.1, 50deg);
  will-change: transform, opacity;
}#sectionBanner .carousel-cell .bigTitle {
  opacity: 0;
  letter-spacing: 0px;
  text-align: left;
  transform: rotate3d(1, 0, 0.1, 50deg);
}#sectionBanner .carousel-cell.activeLoading .bigTitle {
  transition: all 1.8s cubic-bezier(0.18, 0.89, 0.32, 1.28) 1.15s;
}#sectionBanner .carousel-cell.activeLoading .smallTitle {
  transition: all 1.8s cubic-bezier(0.18, 0.89, 0.32, 1.28) 1s;
}#sectionBanner .maskImageBanner {
  position: absolute;
  top: 9vh;
  left: 15%;
  max-width: 33%;
  z-index: 3;
  pointer-events: none;
  transform: translateX(0) scale(1.1) rotate3d(1, 0, 0.1, 45deg);
  transition: transform 1.3s ease-in-out;
  will-change: transform;
}#sectionBanner.active .maskImageBanner.activeLoading {
  filter: brightness(1.25) contrast(1.05);
  transform: scale(1.4) rotate3d(1, 1, 1, 0deg);
}#sectionBanner.active .maskImageBanner.transition {
  opacity: 0;
  transition: opacity 1.3s ease-in-out 1.2s, transform 1.3s ease-in-out;
}#sectionBanner .maskImageBanner.activeLoading {
  transition: all 1.8s ease-in-out 0.1s;
}#sectionBanner.active .maskImageBanner.activeLoading circle.mask {
  r: 1060px;
  transition: 3.2s ease-in-out 0.1s;
}#sectionBanner.active .maskImageBanner.transition circle.mask {
  transition: 1.2s ease-in-out 0.1s;
}#sectionBanner .maskImageBanner.active {
  transition: all 0s;
}#sectionBanner .maskImageBanner.activeLoading.active {
  transition: opacity 1.3s ease-in-out 0.1s, transform 1.3s ease-in-out 0.1s;
}#sectionBanner.active .maskImageBanner.activeLoading.active circle.mask {
  r: 1060px;
  transition: 3.2s ease-in-out 0.1;
}#sectionBanner .carousel-cell .bannerImg {
  opacity: 0;
  display: none;
}#sectionBanner .leftImg {
  opacity: 0;
  transition: opacity 0.9s ease-in-out 2s;
  will-change: opacity, transform;
}#sectionBanner.active .leftImg {
  opacity: 1;
}#sectionBanner .carousel-cell.activeLoading .bigTitle {
  opacity: 1;
  letter-spacing: 1px;
  transform: rotate3d(1, 1, 1, 0deg);
}#sectionBanner .carousel-cell.activeLoading .smallTitle {
  opacity: 1;
  letter-spacing: 0px;
  transform: translateX(0) rotate3d(1, 1, 1, 0deg);
}#sectionBanner .carousel-cell.activeLoading .bgImg {
  opacity: 0.8
}#sectionBanner.active #content {
  opacity: 1;
}/* BANNER NEW TRANSITION */#sectionBanner .maskImageBanner.transition {
  /* transform: scale(5) translateX(-200%); */
  opacity: 0;
}@media (max-width: 992px) {

  #sectionBanner .carousel-cell {
    padding-top: 180px;
    padding-inline: 15px;
    height: auto;
    padding-bottom: 50px;
    text-align: center;
    justify-content: flex-end;
    align-content: center;
  }

  #sectionBanner {
    height: 100%;
    min-height: 165vh;
    min-height: 1000px;
    min-height: 800px;
  }

  .bannerTitle {
    position: relative;
    top: 0;
    width: auto;
    text-align: center;
    max-width: 100%;
    margin: auto 0 0 0;
  }

  .bannerImg {
    position: relative;
    top: auto;
    left: auto;
    max-width: 100%;
    max-height: 450px;
    max-height: 300px;
    margin-block: 15px;
    pointer-events: all;
    object-fit: contain;
  }

  .btnBanner {
    position: relative;
    margin: auto;
    width: fit-content;
    margin-top: 100px;
  }

  #sectionBanner .btnDefault {
    width: auto;
  }

  /* #sectionBanner .btnDefault:hover::before — REMOVED */

  #sectionBanner .navigationDots .dotBtn {
    width: 15px;
    height: 15px;
  }

  #sectionBanner .navigationDots .dotBtn.active:after {
    width: 11px;
    height: 11px;
  }

  #sectionBanner .navigationDots {
    gap: 10px;
  }

}@media only screen and (max-width: 992px) and (min-width: 590px) {
  #sectionBanner .maskImageBanner {
    top: -15vh;
    max-width: 35%;
    left: 0;
    right: 0;
    margin: auto;
  }

  #sectionBanner .carousel-cell .smallTitle {
    font-size: 30px;
    text-align: center;
  }

  #sectionBanner .carousel-cell .bigTitle {
    font-size: 55px;
    text-align: center;
  }

}@media (max-width: 590px) {
  #sectionBanner .maskImageBanner {
    top: -15vh;
    max-width: 45%;
    left: 0;
    right: 0;
    margin: auto;
  }
  #sectionBanner .carousel-cell.activeLoading .smallTitle {
    transform: translateX(0) rotate3d(1, 1, 1, 0deg);
  }
  #sectionBanner .leftImg {
    width: 40vw;
    object-position: bottom;
  }
  #sectionBanner .carousel-cell .smallTitle {
    font-size: 30px;
    text-align: center;
  }

  #sectionBanner .carousel-cell .bigTitle {
    font-size: 45px;
    text-align: center;
  }
}@media (max-width: 560px) {
  #sectionBanner .maskImageBanner {
    max-width: 55%;
  }
  #sectionBanner .carousel-cell.activeLoading .btnBanner {
    transform: scale(0.7) rotate(0);
  }
  .bannerTitle {
    max-height: 100px;
  }
}@media (max-width: 300px) {
  .smallTitle {
    font-size: 20px;
  }

  .bigTitle {
    font-size: 40px;
  }

  .bannerImg {
    max-height: 150px;
  }

  .btnBanner {
    margin-right: 0;
  }

  #sectionBanner .btnDefault {
    width: 200px;
    font-size: 16px;
  }

  #sectionBanner .btnDefault:hover::before {
    width: 145px;
  }
}/* -------------------------------- Sobre -------------------------------- */#sectionSobre {
  color: var(--cream);
  background-color: var(--choc-deep);
  padding-bottom: 400px;
  padding-top: 25px;
}#sectionSobre .bgGradientAbout {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle, rgba(28, 15, 6, 0) 0%, rgba(28, 15, 6, 1) 80%), linear-gradient(180deg, rgba(28, 15, 6, 0) 0%, rgba(28, 15, 6, 1) 90%), linear-gradient(1deg, rgba(28, 15, 6, 0) 0%, rgba(28, 15, 6, 1) 90%);
  top: 0;
      z-index: 1;
}
#sectionSobre .bgImg {
  z-index: 0 !important;
}#sectionSobre .sectionHeader h2:nth-child(2) {
  margin-left: 150px;
}#sectionSobre .sectionHeader h2:nth-child(3) {
  margin-left: 400px;
}#sectionSobre .row {
  margin-top: 200px;
}#sectionSobre .row h2 {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(40px, 6vw, 68px);
  margin-block: 30px 40px;
  letter-spacing: -0.01em;
}#sectionSobre .col-lg-6 {
  position: relative;
}#sectionSobre .col-lg-6:first-child img {
  width: 100%;
    padding: 100px;
    padding-top: 0;
    border-radius: 2000px;
    padding-right: 150px;
    object-fit: cover;
}#sectionSobre .col-lg-6:last-child {
  max-width: 500px;
}#sectionSobre p {
  font-family: var(--font-body);
  line-height: 1.7;
  font-size: 16px;
  font-weight: 300;
  color: rgba(250, 247, 242, 0.5);
}@media (max-width: 1400px) {
  #sectionSobre .col-lg-6:first-child img {
    padding: 50px;
    padding-top: 0;
  }
}@media (max-width: 1200px) {
  #sectionSobre .col-lg-6:first-child {
    padding: 50px;
  }

  #sectionSobre .col-lg-6:first-child img {
    padding: 0;
  }
}@media (max-width: 992px) {
  #sectionSobre {
    padding-bottom: 100px;
  }

  #sectionSobre .sectionHeader h2:nth-child(2) {
    margin-left: 30px;
  }

  #sectionSobre .sectionHeader h2:nth-child(3) {
    margin-left: 60px;
  }

  #sectionSobre .row {
    margin-top: 50px;
  }

  #sectionSobre .col-lg-6:first-child {
    padding-right: 0;
    padding-bottom: 0;
  }

  #sectionSobre .floatLetters {
    width: 250px;
    left: -30px;
    top: -50px;
  }
  #sectionSobre .row h2 {
    font-size: 30px;
  }
  #sectionSobre p {
    font-size: 16px;
  }
}@media (max-width: 300px) {
  #sectionSobre .row h2 {
    font-size: 35px;
    margin-block: 20px;
  }
}/* Float Letter */#sectionSobre .floatLetters {
  position: absolute;
  z-index: -1;
  left: 120px;
  top: -125px;
  overflow: revert;
  animation: rotateFloatLetters 12.5s both infinite linear;
  height: 450px;
}#sectionSobre .floatLetters span {
  height: 220px;
  position: absolute;
  width: 50px;
  text-align: center;
  left: 0;
  top: 0px;
  margin: auto;
  transform-origin: bottom center;
  color: rgba(232, 201, 122, 0.5);
  font-family: var(--font-display);
  font-style: italic;
  font-size: 50px;
  font-weight: 300;
  will-change: transform;
}#sectionSobre .floatLetters span {
  transform: rotate(0);
  opacity: 0;
  transition: 1.5s ease;
}#sectionSobre.active .floatLetters span {
  opacity: 1;
}@keyframes rotateFloatLetters {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}/* Cookies */#sectionSobre.active .floatLetters span:nth-child(1) {
  transform: rotate(166.776deg);
}#sectionSobre.active .floatLetters span:nth-child(2) {
  transform: rotate(179.082deg);
}#sectionSobre.active .floatLetters span:nth-child(3) {
  transform: rotate(-167.734deg);
}#sectionSobre.active .floatLetters span:nth-child(4) {
  transform: rotate(-155.721deg);
}#sectionSobre.active .floatLetters span:nth-child(5) {
  transform: rotate(-147.518deg);
}#sectionSobre.active .floatLetters span:nth-child(6) {
  transform: rotate(-139.607deg);
}#sectionSobre.active .floatLetters span:nth-child(7) {
  transform: rotate(-129.792deg);
}/* Cookies *//* & */#sectionSobre.active .floatLetters span:nth-child(8) {
  transform: rotate(-122.32deg);
}#sectionSobre.active .floatLetters span:nth-child(9) {
  transform: rotate(-113.677deg);
}#sectionSobre.active .floatLetters span:nth-child(10) {
  transform: rotate(-105.034deg);
}/* COFFE*/#sectionSobre.active .floatLetters span:nth-child(11) {
  transform: rotate(-96.537deg);
}#sectionSobre.active .floatLetters span:nth-child(12) {
  transform: rotate(-84.232deg);
}#sectionSobre.active .floatLetters span:nth-child(13) {
  transform: rotate(-72.659deg);
}#sectionSobre.active .floatLetters span:nth-child(14) {
  transform: rotate(-62.697deg);
}#sectionSobre.active .floatLetters span:nth-child(15) {
  transform: rotate(-52.589deg);
}/* White space */#sectionSobre.active .floatLetters span:nth-child(16) {
  transform: rotate(-44.678deg);
}/* Cookies */#sectionSobre.active .floatLetters span:nth-child(17) {
  transform: rotate(-36.181deg);
}#sectionSobre.active .floatLetters span:nth-child(18) {
  transform: rotate(-23.876deg);
}#sectionSobre.active .floatLetters span:nth-child(19) {
  transform: rotate(-10.691deg);
}#sectionSobre.active .floatLetters span:nth-child(20) {
  transform: rotate(1.321deg);
}#sectionSobre.active .floatLetters span:nth-child(21) {
  transform: rotate(9.525deg);
}#sectionSobre.active .floatLetters span:nth-child(22) {
  transform: rotate(17.436deg);
}#sectionSobre.active .floatLetters span:nth-child(23) {
  transform: rotate(27.251deg);
}/* Cookies *//* & */#sectionSobre.active .floatLetters span:nth-child(24) {
  transform: rotate(34.722deg);
}#sectionSobre.active .floatLetters span:nth-child(25) {
  transform: rotate(43.365deg);
}#sectionSobre.active .floatLetters span:nth-child(26) {
  transform: rotate(52.008deg);
}/* COFFE*/#sectionSobre.active .floatLetters span:nth-child(27) {
  transform: rotate(60.505deg);
}#sectionSobre.active .floatLetters span:nth-child(28) {
  transform: rotate(72.811deg);
}#sectionSobre.active .floatLetters span:nth-child(29) {
  transform: rotate(84.384deg);
}#sectionSobre.active .floatLetters span:nth-child(30) {
  transform: rotate(94.345deg);
}#sectionSobre.active .floatLetters span:nth-child(31) {
  transform: rotate(104.454deg);
}@media (max-width: 590px) {
  #sectionSobre div.floatLetters span {
    height: 95px;
    position: absolute;
    width: 10px;
    text-align: center;
    left: 20px;
    top: -70px;
    margin: auto;
    transform-origin: bottom center;
    color: rgba(232, 201, 122, 0.5);
    font-size: 20px;
    font-weight: 300;
    will-change: transform;
  }
  #sectionSobre div.floatLetters {
    position: absolute;
    z-index: -1;
    left: 50px;
    top: 50px;
    overflow: revert;
    animation: rotateFloatLetters 12.5s both infinite linear;
    height: 20px;
    width: 40px;
  }
}@media (max-width: 992px) and (min-width: 590px) {
  #sectionSobre div.floatLetters span {
    height: 95px;
    position: absolute;
    width: 10px;
    text-align: center;
    left: 20px;
    top: -70px;
    margin: auto;
    transform-origin: bottom center;
    color: rgba(232, 201, 122, 0.5);
    font-size: 20px;
    font-weight: 300;
    will-change: transform;
  }
  #sectionSobre .col-lg-6:first-child img {
    width: 70%;
  }
  #sectionSobre div.floatLetters {
    position: absolute;
    z-index: -1;
    left: unset;
    right: 200px;
    top: 50px;
    overflow: revert;
    animation: rotateFloatLetters 12.5s both infinite linear;
    height: 20px;
    width: 40px;
  }
}/* -------------------------------- Locais -------------------------------- */#sectionFranquias {
  background: var(--choc-deep);
  color: var(--cream);
}#sectionFranquias .sectionHeader {
  text-align: right;
  margin-bottom: 70px;
}#sectionFranquias .leftImg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}#sectionFranquias .col-lg-6:last-child {
  position: relative;
}.pin {
  max-width: 650px;
}.imgFranquia {
  position: absolute;
    width: 300px;
    height: 300px;
    left: 140px;
    top: 140px;
    border-radius: 500px;
}.localidades {
  margin-top: 100px;
}.localidades .line {
  display: inline-block;
  will-change: transform;
}.localidades .line:nth-child(even) {
  -webkit-animation: carrouselLine 90s linear infinite;
  animation: carrouselLine 90s linear infinite;
}.localidades .line:nth-child(odd) {
  -webkit-animation: carrouselLine 90s linear infinite reverse;
  animation: carrouselLine 90s linear infinite reverse;
}@keyframes carrouselLine {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-50%)
  }
}.localidades ul {
  display: flex;
  align-items: center;
  gap: 100px;
  justify-content: center;
  padding: 0;
}.localidades li {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(28px, 3vw, 50px);
  width: max-content;
  text-transform: none;
}.localidades li:nth-child(even) {
  color: var(--gold);
}#sectionFranquias .col-lg-6:first-child {
  padding-left: 25%;
}#sectionFranquias .col-lg-6 h2 {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(32px, 4vw, 50px);
  max-width: 438px;
  margin-block: 10px 20px;
  letter-spacing: -0.01em;
}#sectionFranquias .col-lg-6 p {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 300;
  max-width: 500px;
  color: rgba(250, 247, 242, 0.55);
}@media (max-width: 1550px) {
  .pin {
    max-width: 500px;
  }

  .imgFranquia {
    width: 250px;
    left: 100px;
    top: 100px;
  }

  #sectionFranquias .floatLetters {
    width: 250px;
    left: 350px;
  }
}@media (max-width: 1549px) and (min-width: 992px) {
  section#sectionFranquias .floatLetters {
    left: 330px;
  }
}@media (max-width: 992px) {

  #sectionFranquias .sectionHeader {
    text-align: left;
    margin-bottom: 30px;
  }

  #sectionFranquias .col-lg-6:first-child {
    padding: 0;
  }

  #sectionFranquias .col-lg-6 h2 {
    max-width: 100%;
    font-size: 30px;
  }

  .pin {
    max-width: 300px;
  }

  .imgFranquia {
    width: 150px;
    left: 60px;
    top: 60px;
  }

  #sectionFranquias .floatLetters {
    width: 150px;
    left: 210px;
    top: -20px;
  }

  .localidades {
    margin-top: 50px;
  }

  .localidades li {
    font-size: 30px;
  }

  #sectionFranquias .col-lg-6 p {
    font-size: 16px;
  }

}@media (max-width: 300px) {
  .pin {
    max-width: 200px;
  }

  .imgFranquia {
    width: 100px;
    left: 40px;
    top: 40px;
  }

  #sectionFranquias .floatLetters {
    width: 100px;
    left: 150px;
  }

  .localidades li {
    font-size: 25px;
  }
}/* Float Letter */#sectionFranquias .floatLetters {
  position: absolute;
  overflow: revert;
  left: 470px;
  top: 15px;
}#sectionFranquias .floatLetters::before {
  content: "";
  position: absolute;
  left: 0;
  width: 70px;
  height: 70px;
  background: var(--choc-deep);
  left: 0px;
  top: 0px;
  z-index: 1;
  width: 150px;
  left: -50px;
}#sectionFranquias.active .floatLetters::before {
  transition: 1s;
  opacity: 0;
}#sectionFranquias .floatLetters span {
  height: 240px;
  position: absolute;
  width: 50px;
  text-align: center;
  left: 0;
  top: 0px;
  margin: auto;
  transform-origin: bottom center;
  color: rgba(232, 201, 122, 0.5);
  font-family: var(--font-display);
  font-style: italic;
  font-size: 50px;
  font-weight: 300;
  will-change: transform;
}#sectionFranquias .floatLetters span {
  transform: rotate(0);
  transition: 1.5s ease;
}/* FRANCHISING */#sectionFranquias.active .floatLetters span:nth-child(1) {
  transform: rotate(-17.253deg);
}#sectionFranquias.active .floatLetters span:nth-child(2) {
  transform: rotate(-6.253deg);
}#sectionFranquias.active .floatLetters span:nth-child(3) {
  transform: rotate(3.675deg);
}#sectionFranquias.active .floatLetters span:nth-child(4) {
  transform: rotate(14.17deg);
}#sectionFranquias.active .floatLetters span:nth-child(5) {
  transform: rotate(25.657deg);
}#sectionFranquias.active .floatLetters span:nth-child(6) {
  transform: rotate(37.286deg);
}#sectionFranquias.active .floatLetters span:nth-child(7) {
  transform: rotate(48.916deg);
}#sectionFranquias.active .floatLetters span:nth-child(8) {
  transform: rotate(57.709deg);
}#sectionFranquias.active .floatLetters span:nth-child(9) {
  transform: rotate(64.942deg);
}#sectionFranquias.active .floatLetters span:nth-child(10) {
  transform: rotate(72.174deg);
}#sectionFranquias.active .floatLetters span:nth-child(11) {
  transform: rotate(80.967deg);
}#sectionFranquias.active .floatLetters span:nth-child(12) {
  transform: rotate(93.022deg);
}/* FRANCHISING */#sectionFranquias.active .floatLetters span:nth-child(13) {
  transform: rotate(101.673deg);
}/* BRAZIL */#sectionFranquias.active .floatLetters span:nth-child(14) {
  transform: rotate(109.615deg);
}#sectionFranquias.active .floatLetters span:nth-child(15) {
  transform: rotate(119.968deg);
}#sectionFranquias.active .floatLetters span:nth-child(16) {
  transform: rotate(130.463deg);
}#sectionFranquias.active .floatLetters span:nth-child(17) {
  transform: rotate(140.816deg);
}#sectionFranquias.active .floatLetters span:nth-child(18) {
  transform: rotate(148.474deg);
}#sectionFranquias.active .floatLetters span:nth-child(19) {
  transform: rotate(155.565deg);
}#sectionFranquias.active .floatLetters span:nth-child(20) {
  transform: rotate(165.565deg);
}/* -------------------------------- CTA Franquia -------------------------------- */#sectionCtaFranquia {
  background-color: var(--choc-deep);
  color: var(--cream);
  padding-inline: 15px;
  overflow: hidden;
}#sectionCtaFranquia .container {
  background: var(--choc);
  border-radius: var(--radius-card);
  padding: 60px 75px;
  overflow: hidden;
  opacity: 0;
  transform: scale(1) translateY(200%);
  transition: all 1.5s ease-out;
  will-change: transform, opacity;
}#sectionCtaFranquia.active .container {
  opacity: 1;
  transform: scale(1) translateY(0);
}#sectionCtaFranquia .rightImg {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  max-width: 50%;
  object-fit: cover;
  object-position: left;
  pointer-events: none;
  z-index: -1;
}#sectionCtaFranquia .txtBox {
  max-width: 600px;
  position: relative;
}#sectionCtaFranquia .txtBox p {
  width: 500px;
  font-size: 16px;
  font-family: var(--font-body);
  font-weight: 300;
  color: rgba(250, 247, 242, 0.55);
}#sectionCtaFranquia h2 {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(32px, 4vw, 50px);
  line-height: 1.04;
  margin: 0;
  letter-spacing: -0.01em;
}@media (max-width: 1200px) {
  #sectionCtaFranquia .txtBox {
    max-width: 500px;
  }

  #sectionCtaFranquia h2 {
    /* clamp handles this */
  }
}@media (max-width: 992px) {
  #sectionCtaFranquia .container {
    padding: 50px 20px;
    padding-top: 200px;
  }

  #sectionCtaFranquia .rightImg {
    top: 0;
    height: 150px;
    width: 100%;
    max-width: 100%;
    height: 170px;
    object-position: right;
  }
  #sectionCtaFranquia h2 {
    /* clamp handles this */
  }
  #sectionCtaFranquia .txtBox p {
    font-size: 16px;
    width: 100%;
  }
}@media (max-width: 300px) {
  #sectionCtaFranquia h2 {
    /* clamp handles this */
  }

  #sectionCtaFranquia .btnDefault {
    width: auto;
    font-size: 11px;
  }

}/* -------------------------------- Depoimentos -------------------------------- */#sectionDepoimentos {
  background: var(--choc-deep);
  color: var(--cream);
}#sectionDepoimentos .carousel-cell .groupImg {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  will-change: opacity;
}#sectionDepoimentos.active .carousel-cell .groupImg {
  opacity: 1;
}#sectionDepoimentos.active .carousel-cell .groupImg:nth-child(1) {
  transition-delay: 0.4s;
}#sectionDepoimentos.active .carousel-cell .groupImg:nth-child(2) {
  transition-delay: 0.8s;
}#sectionDepoimentos.active .carousel-cell .groupImg:nth-child(3) {
  transition-delay: 1.2s;
}#sectionDepoimentos.active .carousel-cell .groupImg:nth-child(4) {
  transition-delay: 1.6s;
}#sectionDepoimentos .sideCooke {
  position: absolute;
  right: 0;
  top: -600px;
  pointer-events: none;
}.floatDuck {
  font-family: var(--font-display);
  font-style: italic;
  font-size: clamp(48px, 6vw, 100px);
  margin: 0;
  color: var(--gold);
  position: absolute;
  top: 170px;
  left: 800px;
  transform: rotate(-6.15deg);
  overflow: revert;

  transform: scale(1.5) translate(-100px, 110%) rotate(50deg);
  transition: 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-delay: 1.2s;
  will-change: transform, opacity;
  opacity: 0;
}section.active .floatDuck {
  transform: scale(1) translate(0, 0) rotate(-12.15deg);
  opacity: 1;
}#sectionDepoimentos .flickity-prev-next-button {
  background: none;
  color: var(--cream);
  border: 3px solid rgba(250, 247, 242, 0.4);
}#sectionDepoimentos .flickity-prev-next-button.next {
  right: -75px;
}#sectionDepoimentos .flickity-prev-next-button.previous {
  display: none;
}#sectionDepoimentos .carousel-cell {
  height: 1080px;
  width: 100%;
  display: grid;
  grid-template-rows: repeat(4, 2fr);
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}#sectionDepoimentos .carousel-cell .groupImg {
  cursor: pointer;
  overflow: hidden;
}#sectionDepoimentos .carousel-cell .groupImg:hover img {
  transform: scale(1.05);
}#sectionDepoimentos .carousel-cell .groupImg:nth-child(1) {
  grid-row: 1 / 3;
  grid-column: 1 / 1;
}#sectionDepoimentos .carousel-cell .groupImg:nth-child(2) {
  grid-row: 1 / 2;
  grid-column: 2 / 2;
}#sectionDepoimentos .carousel-cell .groupImg:nth-child(3) {
  grid-row: 3 / 5;
  grid-column: 1 / 1;
}#sectionDepoimentos .carousel-cell .groupImg:nth-child(4) {
  grid-row: 2 / 5;
  grid-column: 2 / 2;
}#sectionDepoimentos .carousel-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
}#sectionDepoimentos .col-lg-6:last-child {
  padding-left: 150px;
}.aspasBefore {
  margin-bottom: 40px;
  margin-top: -55px;
  margin-left: -80px;
}.aspasAfter {
  position: absolute;
  right: 90px;
  transform: rotate(180deg);
  bottom: -50px;
}.depoimentoBox {
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(200, 146, 42, 0.15);
  border-radius: var(--radius-card);
  width: 566px;
  min-height: 224px;
  padding: 40px 50px;
  position: relative;
  margin-bottom: 115px;
  padding-bottom: 60px;
  will-change: transform, opacity;
  transform: translateX(-500px);
  opacity: 0;
  transition: transform 1.5s ease, opacity 1s ease;
}.depoimentoBox:nth-of-type(2) {
  transition-delay: 0.5s;
}.depoimentoBox:nth-of-type(3) {
  transition-delay: 1s;
}section.active .depoimentoBox {
  transform: translateX(0);
  opacity: 1;
}.depoimentoTxt {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(18px, 1.6vw, 25px);
  line-height: 1.5;
  margin: 0;
  color: rgba(250, 247, 242, 0.85);
}.depoimentoAuthor {
  border-radius: var(--radius-card);
  background-color: rgba(255, 255, 255, 0.08);
  border: 8px solid var(--choc-deep);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 285px;
  min-height: 89px;
  position: absolute;
  bottom: -45px;
  padding: 10px;
}.depoimentoAuthor p {
  font-size: 20px;
  font-weight: bold;
  line-height: revert;
  margin: 0;
  text-align: center;
}.depoimentoBox:nth-of-type(1) .depoimentoAuthor {
  right: -22px;
}.depoimentoBox:nth-of-type(2) {
  left: 150px;
}.depoimentoBox:nth-of-type(2) .depoimentoAuthor {
  left: -22px;
}.depoimentoBox:nth-of-type(3) .depoimentoAuthor {
  right: -22px;
}@media (max-width: 1800px) {
  .depoimentoBox:nth-of-type(2) {
    left: 50px;
  }
}@media (max-width: 1550px) {
  .floatDuck {
    font-size: 80px;
    top: 130px;
    left: 630px;
  }

  #sectionDepoimentos .col-lg-6:last-child {
    padding-left: 70px;
  }

  .aspasBefore {
    margin-left: -50px;
  }

  .depoimentoBox {
    padding: 25px 25px 60px 25px;
  }

  .depoimentoBox:nth-of-type(2) {
    left: 0;
  }
}@media (max-width: 1200px) {
  .floatDuck {
    font-size: 60px;
    left: 550px;
    top: 100px;
  }

  #sectionDepoimentos .carousel-cell {
    height: 800px;
  }

  .depoimentoBox {
    width: 400px;
  }

  .depoimentoTxt {
    font-size: 18px;
  }

  .depoimentoBox {
    width: 400px;
    min-height: 150px;
    margin-bottom: 70px;
  }

  .depoimentoAuthor {
    min-height: 70px;
    width: 250px;
  }

  .aspasBefore,
  .aspasAfter {
    width: 100px;
  }
}@media (max-width: 992px) {

  .categoryCard img{
    max-height: 40vh;

  }
  
  #sectionDepoimentos {
    overflow: hidden;
  }

  .floatDuck {
    font-size: 24px;
    left: 200px;
    top: 40px;
  }

  #sectionDepoimentos .sideCooke {
    top: 100px;
    height: 100%;
    opacity: 0.34;
    height: 1000px;
  }

  #sectionDepoimentos .carousel-cell {
    height: 500px;
    grid-gap: 10px;
  }

  #sectionDepoimentos .col-lg-6:last-child {
    padding: 30px 0px;
  }

  .aspasBefore {
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .aspasAfter {
    position: relative;
    right: auto;
    bottom: auto;
    display: block;
    margin-inline: auto 0;
  }

  .depoimentoBox {
    width: auto;
    max-width: 90%;
    padding: 20px 20px 60px 20px;
  }

  .depoimentoBox:nth-of-type(2) {
    left: 10%;
  }

  .mockCard img{
    max-height: 70vh;
  }




}@media (max-width: 300px) {
  .depoimentoBox {
    padding: 15px 15px 50px 15px;
  }

  .depoimentoTxt {
    font-size: 16px;
  }

  .depoimentoAuthor {
    width: 150px;
  }

  .depoimentoAuthor p {
    font-size: 16px;
  }
}/* -------------------------------- Categorias -------------------------------- */#sectionCategorias {
  background: var(--cream-dark);
}#sectionCategorias .btnDefault.darkBtn {
  height: auto;
  min-width: 210px;
  color: var(--text);
  border-color: rgba(42, 22, 8, 0.3);
}#sectionCategorias .btnDefault.darkBtn:hover {
  border-color: var(--gold);
  background: rgba(200, 146, 42, 0.1);
}/* removed ::before pill rules — flat Glayze button *//* CATEGORIES TABS *//* -------------- Tabs -------------- *//* Content */.navTabsContent .content {
  opacity: 0;
  z-index: -1;
  transition: all 0.6s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}.navTabsContent .content.transition.active {
  opacity: 0;
}.navTabsContent .content.active {
  opacity: 1;
  z-index: 1;
  position: relative;
}.content {
  opacity: 0;
  transition: all 0.6s ease-in-out;
}.content.active {
  opacity: 1;
}.navTabsContent .col-lg-6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  will-change: opacity, transform;
  align-items: flex-start;
}.navTabsContent .content .row {
  overflow: hidden;
}.navTabsContent .content .col-lg-6:nth-child(1) {
  transition: all 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;
}.navTabsContent .content .col-lg-6:nth-child(1) {
  transform: scale(0.9) translateY(130%);
  filter: blur(4px);
}.navTabsContent .content.active .col-lg-6:nth-child(1) {
  transform: scale(1) translateY(0);
  filter: blur(0);
}.navTabsContent .content .col-lg-6:nth-child(2) {
  transition: all 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
}.navTabsContent .content .col-lg-6:nth-child(2) {
  transform: scale(0.9) translateY(130%);
  filter: blur(4px);
}.navTabsContent .content.active .col-lg-6:nth-child(2) {
  transform: scale(1) translateY(0);
  filter: blur(0);
}.navTabs li.active {
  padding-right: 340px;
}.navTabs li.active::after {
  border-color: var(--gold);
  width: 15vw;
  width: 320px;
}.navTabs li.active span {
  color: var(--gold);
}@media (max-width: 1500px) {}@media (max-width: 1200px) {.navTabs li.active::after {
    width: 200px;
  }.navTabs li.active {
    padding-right: 220px;
  }}@media (max-width: 992px) {.menuHeader {
    display: flex;
    align-items: center;
    gap: 15px;
    overflow-x: scroll;
    padding-bottom: 20px;
  }/* width */.menuHeader::-webkit-scrollbar {
    width: 15px;
  }/* Track */.menuHeader::-webkit-scrollbar-track {
    background: var(--tan);
    border: 7px solid transparent;
    background-clip: content-box;
    border-radius: 15px;
  }/* Handle */.menuHeader::-webkit-scrollbar-thumb {
    background: var(--gold);
    border: 6px solid transparent;
    background-clip: content-box;
    border-radius: 15px;
  }/* Handle on hover */.menuHeader::-webkit-scrollbar-thumb:hover {
    background: var(--gold);
    border: 5px solid transparent;
    background-clip: content-box;
  }.navTabs li.active {
    border-color: var(--gold);
  }}@media (max-width: 992px) {}/* -------------------------------- Cta Unidade -------------------------------- */#sectionCtaUnidade {
  background-color: var(--tertiary);
  padding-inline: 15px;
}#sectionCtaUnidade .container {
  background: var(--secondary);
  color: var(--cream);
  padding: 50px 75px;
  border-radius: 25px;
}#sectionCtaUnidade .txtBox {
  position: relative;
  z-index: 1;
}#sectionCtaUnidade h2 {
  max-width: 600px;
  font-size: 50px;
  line-height: 52.2px;
  margin-block: 0px 20px;
}#sectionCtaUnidade p {
  width: 500px;
  font-size: 20px;
}@media (max-width: 1200px) {
  #sectionCtaUnidade .txtBox {
    max-width: 500px;
  }
}@media (max-width: 992px) {
  #sectionCtaUnidade .container {
    padding: 20px;
  }

  #sectionCtaUnidade .bgImg {
    object-position: left;
  }

  #sectionCtaUnidade h2 {
    font-size: 30px;
    line-height: revert;
  }

  #sectionCtaUnidade p {
    width: auto;
    font-size: 18px;
  }
}@media (max-width: 300px) {
  #sectionCtaUnidade h2 {
    font-size: 30px;
  }
}/* -------------------------------- Produtos -------------------------------- */#sectionProdutos .sectionHeader {
  text-align: right;
}@media (max-width: 992px) {
  #sectionProdutos .sectionHeader {
    text-align: left;
    overflow: hidden;
  }
}/* ====================================================================
   ADDED - white logo standing in for the old duckzinho mark
   above "Born from a love of coffee..."
   ==================================================================== */.textBox .textJump03 span img {
  display: block;
  width: auto;
  height: 72px;
}/* ====================================================================
   NO-GSAP LANDING

   html.gz-no-anim is set by the guard in index.html, immediately after
   the two GSAP CDN tags, when either of them failed to arrive. That
   guard also adds `.active` to every <section> and every .textBox, so
   the page's own finished-state rules do almost all of the work.

   Two things it cannot reach:

   1. .font-anim-01/02/03 start 160% below their box and are pulled back
      by a GSAP tween writing an inline transform, not by a class. Left
      alone they stay pushed out of .animGroup's overflow: hidden, which
      loses the "Come visit us at Glayze" heading, its paragraph and the
      Chat With Us button.

   2. The two .floatLetters rings are laid out entirely by 31 and 20
      `.active .floatLetters span:nth-child(n) { rotate(...) }` rules.
      Those DO land now, but the rings are decoration that only reads
      correctly mid-transition, and #sectionFranquias' ring has no
      opacity start state at all — so before the guard existed its
      twenty letters stacked on top of each other at rotate(0). Since
      they carry no information, don't draw them at all when there is
      nothing to animate.
   ==================================================================== */html.gz-no-anim .font-anim-01,
html.gz-no-anim .font-anim-02,
html.gz-no-anim .font-anim-03 {
  transform: none;
  transition: none;
}html.gz-no-anim .floatLetters { display: none; }/* =========================================================
   BROWSE OUR MENU — category cards

   This section used to be two empty shells (.navTabs / .navTabsContent)
   filled at runtime by an XHR to the original template's own site, which
   was injecting another company's catalogue with links that 404 here.
   The loader is gone, so the section needed real content: three cards
   pointing at the three pages that actually exist. No invented menu data.
   ========================================================= */.categoryGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 2.6vw, 44px);
  align-items: start;
}.categoryCard {
  display: block;
  position: relative;
  border-top: 1px solid rgba(42, 22, 8, 0.42);
  padding-top: 22px;
  overflow: hidden;
}/* the gold rule wipes across on hover, matching the inner pages */.categoryCard::after {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 0;
  height: 1px;
  background: var(--gold);
  transition: width 620ms cubic-bezier(0.22, 0.61, 0.36, 1);
}.categoryCard:hover::after { width: 100%; }.categoryCard img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  filter: saturate(0.66);
  transition: filter 700ms ease, transform 900ms cubic-bezier(0.22, 0.61, 0.36, 1);
}.categoryCard:hover img { filter: saturate(1.04); transform: scale(1.035); }.categoryCard__body { display: block; padding-top: 20px; }.categoryCard__kicker {
  display: block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  /* the darker gold: the brand gold is only 2.59:1 on cream */
  color: #9A6614;
  margin-bottom: 10px;
}.categoryCard h3 {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(24px, 2.1vw, 32px);
  line-height: 1.15;
  margin: 0 0 10px;
  color: var(--text);
}.categoryCard p {
  margin: 0 0 18px;
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--text-muted);
  max-width: 34ch;
}.categoryCard__go {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #9A6614;
}.categoryCard__go::after {
  content: "";
  width: 26px;
  height: 1px;
  background: currentColor;
  transition: width 420ms cubic-bezier(0.22, 0.61, 0.36, 1);
}.categoryCard:hover .categoryCard__go::after { width: 48px; }@media (max-width: 992px) {
  .categoryGrid { grid-template-columns: 1fr; gap: 8px; }
  .categoryCard p { max-width: none; }
}
/* =========================================================
   MOCKTAILS — the product gallery

   Rebuilt from the old Duckbill `.cardProduto` shape you pointed at:
   image panel on top, name and description below. Same anatomy, Glayze
   clothing — cream panel instead of #efefef, square corners instead of
   15px, and a gold rule that wipes across the top edge on hover rather
   than scaling the whole card.

   The image panel keeps a `.carousel-cell` wrapper even though every
   drink currently has one photo. Add a second cell and the JS at the
   bottom of the page initialises Flickity on that card automatically —
   Flickity is already loaded here, so it costs nothing to stay ready.
   ========================================================= */

#sectionMocktails {
  background: var(--cream-dark);
  border-top: 1px solid rgba(42, 22, 8, 0.12);
}

.mockIntro {
  max-width: 46ch;
  margin: 0 0 clamp(40px, 5vh, 66px);
  font-family: var(--font-display);
  font-size: clamp(20px, 2vw, 29px);
  line-height: 1.4;
  color: var(--text-muted);
}

.mockGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(20px, 2.4vw, 40px);
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ---------------- the card ---------------- */

.mockCard {
  position: relative;
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(42, 22, 8, 0.42);
  padding-top: 20px;
}

.mockCard::after {
  content: '';
  position: absolute;
  left: 0;
  top: -1px;
  width: 0;
  height: 1px;
  background: var(--gold);
  transition: width 620ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.mockCard:hover::after { width: 100%; }

.mockCard__panel {
  position: relative;
  background: #1c0f06;
  overflow: hidden;
  border-radius: 27px;
}

.mockCard__cells,
.mockCard .carousel-cell { width: 100%; }

.mockCard img {
  max-height: 50vh;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  /* the menu photos are warmer and more saturated than the site's
     palette — pulled back so they sit inside it, and released on hover */
  filter: saturate(0.72) contrast(1.02);
  transition: filter 700ms ease, transform 900ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.mockCard:hover img { filter: saturate(1.04); transform: scale(1.04); }

/* the 1-litre marker on the pitcher cards */
.mockCard__badge {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 7px 14px;
  background: var(--choc-deep);
  color: #E8C97A;
  font-family: var(--font-body);
  font-size: 9.5px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.mockCard__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-top: 20px;
}

.mockCard__body h3 {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(22px, 1.8vw, 28px);
  line-height: 1.14;
  margin: 0 0 10px;
  color: var(--text);
}

.mockCard__body p {
  margin: 0 0 18px;
  font-size: 14.5px;
  line-height: 1.68;
  color: var(--text-muted);
}

/* tabular figures so the prices line up down the column */
.mockCard__price {
  margin-top: auto;
  font-family: 'Archivo', var(--font-body);
  font-stretch: condensed;
  font-weight: 400;
  font-size: 19px;
  letter-spacing: 0.02em;
  font-feature-settings: 'tnum' 1;
  color: var(--text);
}

/* ---------------- the expand control ---------------- */

/* Cards past the seventh carry the `hidden` attribute rather than
   `display: none`, so before expansion they are out of the tab order and
   out of the accessibility tree, not merely invisible. */
.mockCard.is-extra { animation: mockIn 620ms cubic-bezier(0.22, 0.61, 0.36, 1) both; }

@keyframes mockIn {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: none; }
}

.mockMore {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 30px;
  margin-top: clamp(34px, 4.5vh, 56px);
  padding-top: 26px;
  border-top: 1px solid rgba(42, 22, 8, 0.42);
}

.mockMore__btn {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 44px;
  padding: 13px 26px;
  background: transparent;
  border: 1px solid var(--text);
  border-radius: 0;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--text);
  cursor: pointer;
  transition: color 320ms ease, background 320ms ease, border-color 320ms ease;
}

.mockMore__btn:hover {
  background: var(--text);
  border-color: var(--text);
  color: var(--cream);
}

/* a plus that becomes a minus, so the control states its own direction */
.mockMore__icon {
  position: relative;
  width: 11px;
  height: 11px;
  flex-shrink: 0;
}

.mockMore__icon::before,
.mockMore__icon::after {
  content: '';
  position: absolute;
  background: currentColor;
  transition: transform 340ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.mockMore__icon::before { left: 0; top: 5px; width: 11px; height: 1px; }
.mockMore__icon::after  { left: 5px; top: 0; width: 1px; height: 11px; }

.mockMore__btn[aria-expanded="true"] .mockMore__icon::after { transform: scaleY(0); }

/* the label is written by JS as the control toggles, so it needs to be its
   own element rather than the button's text node */
.mockMore__label { display: inline-block; }

.mockMore__note {
  flex: 1 1 260px;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--text-muted);
}

.mockMore__note a {
  color: #9A6614;                     /* the readable gold on cream */
  border-bottom: 1px solid rgba(200, 146, 42, 0.4);
}

.mockMore__note a:hover { border-bottom-color: #9A6614; }

/* ---------------- responsive ---------------- */

@media (max-width: 1200px) {
  .mockGrid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 900px) {
  .mockGrid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .mockGrid { grid-template-columns: 1fr; gap: 4px; }
  .mockCard__body p { margin-bottom: 14px; }
  .mockMore__btn { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .mockCard.is-extra { animation: none; }
  .mockCard img,
  .mockCard::after { transition: none; }
}
/* ---------------------------------------------------------------
   GUEST GALLERY — explicit tile shapes.
   The tiles were sized only by the 5-row grid, so a 16:9 photo in
   the 3-row column lost three quarters of its width. The rows now
   carry a ratio, and the crop is biased above centre because in
   nearly all of these the subject sits on a table in the lower
   half of the frame.
   --------------------------------------------------------------- */
#sectionDepoimentos .carousel-cell img {
  object-position: center 42%;
}
/* ---------------------------------------------------------------
   .imgFranquia — a 300px circle that set width AND height in pixels
   with no object-fit, so whatever photo went in was squashed to a
   square. The narrow breakpoints made it worse: they shrink width
   and leave height at 300. aspect-ratio + height:auto keeps it
   square at every width, and cover crops instead of stretching.
   --------------------------------------------------------------- */
.imgFranquia {
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
}

/* ---------------------------------------------------------------
   "FIND US IN NUGEGODA" — a scrim under the copy.

   The card sets a dark background, but .bgImg is absolutely
   positioned across the whole container at z-index 0, so the photo
   covers that background completely and the cream text was landing
   straight on a bright, busy food shot. Roughly 1.9:1 against the
   pale plates — under half of what small text needs.

   The scrim is weighted to the left, where the copy actually sits,
   so the photograph still reads on the right rather than being
   uniformly dimmed. Layers: photo 0, scrim 1, text 2.
   --------------------------------------------------------------- */
#sectionCtaUnidade .container {
  position: relative;
  isolation: isolate;
}

#sectionCtaUnidade .container::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  /* deliberately not inheriting the card's border-radius: .bgImg is not
     clipped to it either, so a rounded scrim would leave the photo's square
     corners showing through. The two match this way. */
  background:
    linear-gradient(
      100deg,
      rgba(20, 11, 4, 0.94) 0%,
      rgba(20, 11, 4, 0.88) 30%,
      rgba(20, 11, 4, 0.62) 52%,
      rgba(20, 11, 4, 0.24) 76%,
      rgba(20, 11, 4, 0.10) 100%
    ),
    linear-gradient(rgba(20, 11, 4, 0.18), rgba(20, 11, 4, 0.30));
}

#sectionCtaUnidade .txtBox { z-index: 2; }

/* the body copy was 55% cream — fine on a flat card, thin over a
   photograph even with the scrim behind it */
#sectionCtaUnidade p { color: rgba(250, 247, 242, 0.86); }

/* narrow screens put the copy across the full width, so the
   left-weighted gradient stops being the right shape */
@media (max-width: 992px) {
  #sectionCtaUnidade .container::after {
    background:
      linear-gradient(
        180deg,
        rgba(20, 11, 4, 0.86) 0%,
        rgba(20, 11, 4, 0.80) 55%,
        rgba(20, 11, 4, 0.88) 100%
      );
  }
}