.elementor-14 .elementor-element.elementor-element-b878020{--display:flex;}.elementor-14 .elementor-element.elementor-element-af613ef{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-6c191ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-14 .elementor-element.elementor-element-6c191ff:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-6c191ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F1E7;}.elementor-14 .elementor-element.elementor-element-168c073{--display:flex;}.elementor-14 .elementor-element.elementor-element-723fe73{--display:flex;}.elementor-14 .elementor-element.elementor-element-013a2bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-14 .elementor-element.elementor-element-013a2bf:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-013a2bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4c82a51 );}.elementor-14 .elementor-element.elementor-element-4839436{--display:flex;}.elementor-14 .elementor-element.elementor-element-096bef6{--display:flex;}.elementor-14 .elementor-element.elementor-element-d2ee314{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:128px;--padding-left:32px;--padding-right:32px;}.elementor-14 .elementor-element.elementor-element-d2ee314:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-d2ee314 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4c82a51 );}.elementor-14 .elementor-element.elementor-element-725ea35{--display:flex;}.elementor-14 .elementor-element.elementor-element-bea12a1{--display:flex;--justify-content:center;}.elementor-14 .elementor-element.elementor-element-8b4d836.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-c9e403b.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-db29714{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-058e5c2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-9f01da2{--display:flex;}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-6c191ff{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-013a2bf{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-d2ee314{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-9ce35e3 *//* ═══════════════════════════════════════
   GABI PAZOS × HF FORMULLA — HERO CSS
   Colar no "CSS Personalizado" da seção do hero.
   ═══════════════════════════════════════ */

:root{
  --gp-white:#FFFFFF; --gp-paper:#F8F1E7; --gp-paper-2:#EFE6D8;
  --gp-gold-lt:#E6C9A2; --gp-gold:#A9834E; --gp-gold-dp:#8A6A3C;
  --gp-wine:#720033; --gp-wine-dp:#54001F;
  --gp-ink:#3A2029; --gp-ink-soft:#8A6A74; --gp-ink-faint:#B49BA3;
  --gp-wa:#1EA85C; --gp-wa-dp:#178544;
  --gp-line:rgba(58,32,41,.16); --gp-line-sft:rgba(58,32,41,.08);
  --gp-ease:cubic-bezier(.16,1,.3,1);
  --gp-grid:1280px;
  --gp-fh:'Fraunces', serif; --gp-fb:'Mulish', sans-serif; --gp-fl:'Marcellus', serif;
}

/* ── SECTION (full-bleed) ── */
#gp-hero{
  position: relative; display: flex; flex-direction: column;
  width: 100%; margin: 0 auto;
  background: var(--gp-paper); color: var(--gp-ink);
  overflow: hidden; -webkit-font-smoothing: antialiased;
}

/* ── GRID (1280 centralizado; conteúdo colado ao grid) ── */
.gp-hero__container{ width: 100%; max-width: var(--gp-grid); margin: 0 auto; box-sizing: border-box; }
@media (max-width: 1328px){ .gp-hero__container{ padding: 0 24px; } }

/* ── PALCO ──
   Altura pela LARGURA (não vh) -> a imagem sempre sobra um pouco na vertical,
   dando folga p/ (1) descer a Gabi via background-position e (2) o parallax.
   Nítida até 1920 (sem upscale). Suba/baixe a altura no 46vw / 860px. */
.gp-hero__stage{
  position: relative; width: 100%;
  height: clamp(560px, 46vw, 860px);
  overflow: hidden;
}

/* ── BG (background-image cover — mesma pegada da ref) ── */
.gp-hero__bg{ position: absolute; inset: 0; z-index: 0; }
.gp-hero__viewport{ position: absolute; inset: 0; overflow: hidden; }
.gp-hero__media{
  position: absolute; inset: 0;
  background-image: url('https://gabipazos.formullahf.com.br/wp-content/uploads/2026/07/bg-hero2.webp');
  background-size: cover;
  /* ENQUADRAMENTO DA GABI: 1º nº = horizontal, 2º = vertical.
     2º menor (ex.: 6%) = mostra a margem de cima e DESCE a Gabi. */
  background-position: 72% 8%;
  background-repeat: no-repeat;
}

/* ── OVERLAY (só à esquerda; zera antes da Gabi ~57%) ── */
.gp-hero__overlay{
  position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background:
    linear-gradient(100deg,
      rgba(248,241,231,.98) 0%, rgba(248,241,231,.95) 15%, rgba(248,241,231,.85) 28%,
      rgba(248,241,231,.55) 40%, rgba(248,241,231,.22) 49%, rgba(248,241,231,0) 57%),
    radial-gradient(44% 66% at 12% 44%, rgba(248,241,231,.5), rgba(248,241,231,0) 72%);
}

/* ── VINHETA (topo + base) ── */
.gp-hero__vignette{
  position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: linear-gradient(to bottom,
    rgba(248,241,231,.22) 0%, rgba(248,241,231,0) 14%,
    rgba(248,241,231,0) 82%, rgba(248,241,231,.5) 93%, var(--gp-paper) 100%);
}

/* ── GRÃO ── */
.gp-hero__noise{
  position: absolute; inset: 0; z-index: 3; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23g)' opacity='0.045'/%3E%3C/svg%3E");
  background-size: 200px 200px; mix-blend-mode: multiply; opacity: .5;
}

/* ── PALAVRA-FANTASMA ── */
.gp-ghost{
  position: absolute; right: 40px; bottom: 40px; z-index: 2;
  font-family: var(--gp-fh); font-weight: 400; font-style: italic;
  font-size: clamp(96px, 15vw, 210px);
  color: transparent; -webkit-text-stroke: 1px rgba(114,0,51,.06);
  line-height: .85; letter-spacing: -.02em; pointer-events: none; user-select: none; white-space: nowrap;
}

/* ── LOGO / NAV (dentro do grid) ── */
.gp-hero__nav{ position: absolute; top: 0; left: 0; right: 0; z-index: 6; }
.gp-hero__navrow{ display: flex; align-items: center; justify-content: space-between; padding-top: 26px; }
.gp-hero__logo{ height: 46px !important; width: auto !important; max-width: none !important; display: block; }
.gp-hero__nav-handle{
  font-family: var(--gp-fl); font-size: 12px; letter-spacing: .16em; color: var(--gp-wine); text-decoration: none;
  border: 1px solid rgba(114,0,51,.28); border-radius: 100px; padding: 8px 16px; transition: all .25s var(--gp-ease);
}
.gp-hero__nav-handle:hover{ background: var(--gp-wine) !important; color: var(--gp-paper) !important; }

/* ── BODY ── */
/* padding-top = base do logo (26 + 46) -> conteúdo centralizado com vãos iguais */
.gp-hero__body{ position: absolute; inset: 0; z-index: 5; display: flex; align-items: center; padding-top: 72px; box-sizing: border-box; }

/* ── KICKER ── */
.gp-hero__kicker{
  display: flex; align-items: center; gap: 10px;
  font-family: var(--gp-fl); font-size: 12px; letter-spacing: .28em; text-transform: uppercase;
  color: var(--gp-gold-dp); margin: 0 0 16px;
  animation: gpFadeUp .8s var(--gp-ease) .10s both;
}
.gp-hero__kicker-mark{ display: inline-flex; width: 18px; height: 18px; color: var(--gp-gold); flex-shrink: 0; }
.gp-hero__kicker-mark svg{ width: 100%; height: 100%; display: block; }

/* ── HEADLINE (leve, peso 300) ── */
.gp-hero__content{ max-width: 620px; }
.gp-hero__title{
  font-family: var(--gp-fh); font-weight: 300;
  font-size: clamp(44px, 5.2vw, 76px); line-height: 1.06; letter-spacing: -.01em;
  color: var(--gp-wine); margin: 0 0 32px; padding-bottom: .1em;
}
.gp-line{ display: block; padding-bottom: .04em; clip-path: inset(0 0 -12% 0); }
.gp-line-inner{ display: block; transform: translateY(110%); animation: gpLineUp .9s var(--gp-ease) both; }
.gp-line:nth-child(1) .gp-line-inner{ animation-delay: .22s; }
.gp-line:nth-child(2) .gp-line-inner{ animation-delay: .34s; }
/* COR DO DESTAQUE: troque var(--gp-gold-dp) por var(--gp-wine) (mono) ou var(--gp-gold) (mais claro) */
.gp-accent-line{ font-style: italic; font-weight: 400; color: var(--gp-gold-dp); }

/* ── BOTTOM ── */
.gp-hero__bottom{ display: flex; flex-direction: column; align-items: flex-start; gap: 28px; border-top: 1px solid var(--gp-line); padding-top: 26px; max-width: 560px; animation: gpFadeUp .8s var(--gp-ease) .52s both; }
.gp-hero__sub{ font-family: var(--gp-fb); font-size: 18px; line-height: 1.58; color: var(--gp-ink-soft); margin: 0; max-width: 508px; text-wrap: pretty; }
.gp-hero__sub strong{ color: var(--gp-ink); font-weight: 600; }
.gp-hero__actions{ display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.gp-hero__btns{ display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }

/* ── BOTÕES (cores fixadas c/ !important p/ vencer o tema) ── */
.gp-hero__btn{
  font-family: var(--gp-fl); font-size: 12px; letter-spacing: .12em; text-transform: uppercase;
  display: inline-flex; align-items: center; gap: 9px; text-decoration: none; white-space: nowrap;
  transition: background .28s var(--gp-ease), color .28s var(--gp-ease), border-color .28s var(--gp-ease), transform .28s var(--gp-ease), box-shadow .28s var(--gp-ease);
}
.gp-hero__btn--primary{
  background: var(--gp-wa) !important; color: var(--gp-white) !important;
  padding: 16px 30px; border-radius: 100px; border: 1px solid var(--gp-wa) !important;
  box-shadow: 0 14px 34px -16px rgba(23,133,68,.55);
}
.gp-hero__btn--primary:hover,
.gp-hero__btn--primary:focus{
  background: var(--gp-wa-dp) !important; color: var(--gp-white) !important; border-color: var(--gp-wa-dp) !important;
  transform: translateY(-2px); box-shadow: 0 18px 44px -16px rgba(23,133,68,.65);
}
.gp-hero__btn--primary svg{ fill: currentColor; }
.gp-hero__btn--ghost{
  color: var(--gp-ink-soft) !important; padding: 4px 0; border: 0; border-bottom: 1px solid var(--gp-line); border-radius: 0; background: none !important;
}
.gp-hero__btn--ghost:hover,
.gp-hero__btn--ghost:focus{ color: var(--gp-wine) !important; border-bottom-color: var(--gp-wine); }
.gp-hero__trust{ font-family: var(--gp-fl); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--gp-ink-faint); }

/* ── PILARES ── */
.gp-hero__pillars{ position: relative; z-index: 5; border-top: 1px solid var(--gp-line); background: var(--gp-paper); }
.gp-hero__pillars-inner{ display: grid; grid-template-columns: repeat(4, 1fr); max-width: var(--gp-grid); margin: 0 auto; box-sizing: border-box; }
@media (max-width: 1328px){ .gp-hero__pillars-inner{ padding: 0 24px; } }
.gp-hero__pillar{ padding: 24px 18px; border-right: 1px solid var(--gp-line-sft); display: flex; flex-direction: column; gap: 5px; transition: background .22s ease; }
.gp-hero__pillar:first-child{ border-left: 1px solid var(--gp-line-sft); }
.gp-hero__pillar:hover{ background: rgba(169,131,78,.08); }
.gp-hero__pillar-n{ font-family: var(--gp-fh); font-weight: 400; font-size: 1.5rem; line-height: 1; color: var(--gp-wine); }
.gp-pillar--accent .gp-hero__pillar-n{ color: var(--gp-gold-dp); font-style: italic; }
.gp-hero__pillar-l{ font-family: var(--gp-fl); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--gp-ink-faint); }

/* ── REVEAL GERAL ── */
.reveal{ opacity: 0; transform: translateY(20px); transition: opacity .65s var(--gp-ease), transform .65s var(--gp-ease); }
.reveal.in{ opacity: 1; transform: none; }
.reveal.d1{ transition-delay: .08s; } .reveal.d2{ transition-delay: .16s; } .reveal.d3{ transition-delay: .24s; }

/* ── ENTRADA (CSS puro, sem JS) ── */
@keyframes gpFadeUp{ from{ opacity:0; transform:translateY(16px);} to{ opacity:1; transform:translateY(0);} }
@keyframes gpLineUp{ from{ transform:translateY(110%);} to{ transform:translateY(0);} }

/* ── RESPONSIVO ── */
@media (max-width: 1024px){
  .gp-hero__pillars-inner{ grid-template-columns: repeat(2, 1fr); }
  .gp-hero__pillar{ border: none; border-right: 1px solid var(--gp-line-sft); }
  .gp-hero__pillar:nth-child(odd){ border-left: 1px solid var(--gp-line-sft); }
  .gp-hero__pillar:nth-child(3), .gp-hero__pillar:nth-child(4){ border-top: 1px solid var(--gp-line-sft); }
}

/* ── MOBILE (esquema Karla: foto no topo, TEXTO encosta logo abaixo da Gabi) ──
   O texto sobe sobre a parte já esmaecida da foto (sem vão vazio) e segue no off-white.
   AJUSTES:
   • ALTURA da faixa de foto -> 'height' do .gp-hero__bg
   • ONDE O TEXTO ENCOSTA   -> 'margin-top' do .gp-hero__body (mais negativo = texto mais p/ cima, mais perto da Gabi)
   • ENQUADRAMENTO          -> 'background-position' do .gp-hero__media */
@media (max-width: 768px){
  .gp-ghost{ display: none; }
  .gp-hero__stage{ height: auto; min-height: 0; }

  /* faixa da foto */
  .gp-hero__bg{ position: relative; height: 50vh; z-index: 0; }
  .gp-hero__media{
    background-image: url('https://gabipazos.formullahf.com.br/wp-content/uploads/2026/07/bg-hero-mobile-centralizada.webp');
    background-size: cover;
    background-position: center top;
  }
  .gp-hero__overlay{
    background: linear-gradient(to bottom,
      rgba(248,241,231,0)   0%,
      rgba(248,241,231,0)   40%,
      rgba(248,241,231,.45) 56%,
      rgba(248,241,231,.82) 70%,
      rgba(248,241,231,.97) 84%,
      var(--gp-paper)      100%);
  }
  .gp-hero__vignette{ display: none; }

  /* conteúdo: sobe p/ encostar logo abaixo da Gabi, depois segue no off-white */
  .gp-hero__body{ position: relative; inset: auto; display: block; padding: 0; margin-top: -14vh; z-index: 5; }
  .gp-hero__content{ padding: 0 0 46px; max-width: 100%; }
  .gp-hero__kicker{ margin-bottom: 18px; }
  .gp-hero__title{ font-size: clamp(36px, 10.5vw, 52px); margin-bottom: 20px; }
  .gp-hero__bottom{ gap: 24px; }
  .gp-hero__sub{ font-size: 16.5px; }
  .gp-hero__btn--primary{ width: 100%; justify-content: center; }
  .gp-hero__logo{ height: 36px !important; }
}

@media (max-width: 480px){ .gp-hero__title{ font-size: 2.5rem; } .gp-hero__pillar-n{ font-size: 1.25rem; } }

@media (prefers-reduced-motion: reduce){
  .gp-hero__kicker, .gp-line-inner, .gp-hero__bottom{ animation: none !important; opacity: 1 !important; transform: none !important; }
  .reveal{ opacity: 1; transform: none; transition: none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2224b87 *//* ═══════════════════════════════════════
   GABI PAZOS × HF FORMULLA — MARQUEE CSS (versão delicada)
   Colar no "CSS Personalizado" da seção do marquee.
   Usa tokens :root globais. 100% CSS, GPU-friendly. Sem JS.
   ═══════════════════════════════════════ */

.gp-marquee{
  --gp-mq-speed: 55s;               /* mais lento = mais calmo/delicado */
  position: relative; width: 100%;
  background: var(--gp-wine);
  border-top: 1px solid var(--gp-wine-dp);
  border-bottom: 1px solid var(--gp-wine-dp);
  overflow: hidden;
}

/* pontas com fade suave no off-white */
.gp-marquee__fade{
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
}

.gp-marquee__track{
  display: flex; width: max-content; will-change: transform;
  animation: gpMarquee var(--gp-mq-speed) linear infinite;
}
.gp-marquee:hover .gp-marquee__track{ animation-play-state: paused; }

.gp-marquee__group{ display: flex; align-items: center; flex: none; }

/* texto pequeno, Marcellus, caixa-alta, bem espaçado — discreto e sofisticado */
.gp-marquee__item{
  font-family: var(--gp-fl);
  font-style: normal;
  font-size: 12.5px; letter-spacing: .26em; text-transform: uppercase;
  line-height: 1; color: rgba(248,241,231,.92);
  padding: 16px 26px; white-space: nowrap;
}

.gp-marquee__sep{
  display: inline-flex; align-items: center;
  color: var(--gp-gold-lt); font-size: 10px; opacity: .85;
  transform: translateY(-1px);
}

@keyframes gpMarquee{ from{ transform: translateX(0); } to{ transform: translateX(-50%); } }

@media (max-width: 768px){
  .gp-marquee{ --gp-mq-speed: 40s; }
  .gp-marquee__item{ font-size: 11px; letter-spacing: .22em; padding: 14px 18px; }
}

@media (prefers-reduced-motion: reduce){
  .gp-marquee__track{ animation: none; transform: none; }
  .gp-marquee__fade{ -webkit-mask-image: none; mask-image: none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7e5914a *//* ═══ BLOCO: HEADLINE de seção (reutilizável) ═══
   Fraunces leve, vinho, centralizado. <em> = itálico dourado. */
.gp-title{
  margin: 10px 0 0;
  font-family: var(--gp-fh); font-weight: 300;
  font-size: clamp(30px, 4.6vw, 50px); line-height: 1.05; letter-spacing: -.01em;
  color: var(--gp-wine); text-align: center;
  text-wrap: balance;
}
.gp-title em{ font-style: italic; font-weight: 400; color: var(--gp-gold-dp); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c70521e *//* ═══ BLOCO: DESCRIÇÃO / LEAD de seção (reutilizável) ═══ */
.gp-lead{
  margin: 14px auto 0;
  max-width: 40em;
  font-family: var(--gp-fb); font-weight: 400;
  font-size: 16px; line-height: 1.62;
  color: var(--gp-ink-soft); text-align: center;
  text-wrap: pretty;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dcdb2c4 *//* ═══ BLOCO: ANTES & DEPOIS (antes em cima, depois embaixo) ═══
   Usa tokens :root globais (definidos no CSS do hero). */
.gp-ba{ width: 100%; max-width: 680px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }

.gp-ba__group--depois{ margin-top: 44px; }

/* cabeçalho de cada grupo (selo + texto) */
.gp-ba__head{ text-align: center; margin-bottom: 18px; }
.gp-ba__tag{
  display: inline-block; font-family: var(--gp-fl);
  font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
  padding: 6px 16px; border-radius: 100px;
}
.gp-ba__tag--antes{ background: rgba(58,32,41,.10); color: var(--gp-ink-soft); }
.gp-ba__tag--depois{ background: var(--gp-wine); color: var(--gp-paper); }
.gp-ba__note{
  margin: 12px 0 0; font-family: var(--gp-fh); font-style: italic;
  font-size: clamp(16px, 2.4vw, 20px); line-height: 1.35; color: var(--gp-ink);
  text-wrap: balance;
}

/* par de fotos lado a lado */
.gp-ba__row{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.gp-ba__shot{
  margin: 0; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 18px;
  background: var(--gp-paper-2, #EFE6D8); border: 1px solid var(--gp-line);
  box-shadow: 0 20px 48px -34px rgba(60,0,26,.42);
}
.gp-ba__shot img{ width: 100%; height: 100%; object-fit: cover; display: block; }

/* depoimento (opcional) */
.gp-ba__quote{
  max-width: 640px; margin: 44px auto 0; text-align: center; border: 0; padding: 0;
  font-family: var(--gp-fh); font-style: italic; font-weight: 300;
  font-size: clamp(20px, 3vw, 26px); line-height: 1.4; color: var(--gp-wine);
}
.gp-ba__quote cite{
  display: block; margin-top: 12px;
  font-family: var(--gp-fl); font-style: normal; font-size: 11px;
  letter-spacing: .16em; text-transform: uppercase; color: var(--gp-ink-faint);
}

@media (max-width: 420px){ .gp-ba__row{ gap: 10px; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab4d44f *//* ═══ BLOCO: EYEBROW (reutilizável) ═══
   Usa tokens :root globais (definidos no CSS do hero).
   Alinhamento: troque justify-content/ text-align p/ 'flex-start'/'left' se quiser à esquerda. */
.gp-eyebrow{
  display: flex; align-items: center; justify-content: center; gap: 10px;
  margin: 0;
  font-family: var(--gp-fl);
  font-size: 12px; letter-spacing: .28em; text-transform: uppercase;
  color: var(--gp-gold-dp);
}
.gp-eyebrow__mark{ display: inline-flex; width: 18px; height: 18px; color: var(--gp-gold); flex-shrink: 0; }
.gp-eyebrow__mark svg{ width: 100%; height: 100%; display: block; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53460e0 *//* ═══ BLOCO: HEADLINE de seção (reutilizável) ═══
   Fraunces leve, vinho, centralizado. <em> = itálico dourado. */
.gp-title{
  margin: 10px 0 0;
  font-family: var(--gp-fh); font-weight: 300;
  font-size: clamp(30px, 4.6vw, 50px); line-height: 1.05; letter-spacing: -.01em;
  color: var(--gp-wine); text-align: center;
  text-wrap: balance;
}
.gp-title em{ font-style: italic; font-weight: 400; color: var(--gp-gold-dp); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7286015 *//* ═══ BLOCO: DESCRIÇÃO / LEAD de seção (reutilizável) ═══ */
.gp-lead{
  margin: 14px auto 0;
  max-width: 40em;
  font-family: var(--gp-fb); font-weight: 400;
  font-size: 16px; line-height: 1.62;
  color: var(--gp-ink-soft); text-align: center;
  text-wrap: pretty;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a17da13 *//* ═══ BLOCO: PRODUTOS + MODAL (revisão sênior) ═══
   Usa tokens :root globais. Todas as cores de interativos são fixadas com
   !important pra não herdar o accent (rosa) automático do Elementor. */
.gp-prods{ width: 100%; box-sizing: border-box; }
.gp-prods *{ box-sizing: border-box; }

/* ── CATEGORIA ── */
.gp-cat{ margin-top: 48px; }
.gp-cat:first-child{ margin-top: 0; }
.gp-cat__title{
  display: flex; align-items: center; gap: 15px; margin: 0 0 22px;
  font-family: var(--gp-fh); font-weight: 500; font-size: clamp(22px, 3vw, 26px);
  color: var(--gp-ink) !important; line-height: 1.1;
}
.gp-cat__title::after{ content: ""; flex: 1; height: 1px; background: var(--gp-line); }
.gp-cat__n{ font-family: var(--gp-fl); font-size: 13px; letter-spacing: .16em; color: var(--gp-gold) !important; }

.gp-cat__grid{ display: grid; gap: clamp(14px, 2vw, 22px); grid-template-columns: repeat(3, minmax(0, 1fr)); }
/* tablet: 2 colunas */
@media (max-width: 899px){ .gp-cat__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* celular: 1 coluna, card HORIZONTAL (foto | texto) — respira e fica escaneável */
@media (max-width: 599px){ .gp-cat__grid{ grid-template-columns: minmax(0, 1fr); gap: 12px; } }

/* ── CARD (é <button>; zera estilos herdados do tema) ── */
.gp-prod{ min-width: 0;
  appearance: none; -webkit-appearance: none; margin: 0; text-align: left; cursor: pointer; font: inherit;
  display: flex; flex-direction: column;
  background: var(--gp-card, #FBF5EC) !important;
  color: var(--gp-ink) !important;
  border: 1px solid var(--gp-line) !important; border-radius: 18px; overflow: hidden;
  box-shadow: none;
  transition: transform .4s var(--gp-ease), box-shadow .4s ease, border-color .4s ease;
}
.gp-prod:hover{
  background: var(--gp-card, #FBF5EC) !important;
  transform: translateY(-5px);
  box-shadow: 0 26px 60px -32px rgba(60,0,26,.55);
  border-color: rgba(114,0,51,.28) !important;
}
.gp-prod:focus-visible{ outline: 2px solid var(--gp-wine); outline-offset: 2px; }

.gp-prod__media{ position: relative; aspect-ratio: 1 / 1; background: #FFFFFF !important; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.gp-prod__media img{ width: 100%; height: 100%; object-fit: contain; padding: 16px; transition: transform .5s var(--gp-ease); }
.gp-prod:hover .gp-prod__media img{ transform: scale(1.05); }
.gp-prod__badge{
  position: absolute; top: 11px; right: 11px; font-family: var(--gp-fl);
  font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
  background: var(--gp-wine) !important; color: var(--gp-paper) !important; border-radius: 100px; padding: 4px 11px;
}

.gp-prod__body{ padding: 15px 17px 17px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.gp-prod__name{ font-family: var(--gp-fh); font-weight: 500; font-size: 16.5px; line-height: 1.22; color: var(--gp-ink) !important; overflow-wrap: break-word; }
.gp-prod__teaser{ font-family: var(--gp-fb); font-size: 12.5px; line-height: 1.45; color: var(--gp-ink-soft) !important; flex: 1; }
.gp-prod__more{ display: inline-flex; align-items: center; gap: 7px; margin-top: 8px; font-family: var(--gp-fl); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--gp-wine) !important; }
.gp-prod__more svg{ width: 14px; height: 14px; transition: transform .35s var(--gp-ease); }
.gp-prod:hover .gp-prod__more svg{ transform: translateX(3px); }

/* ══════════ MODAL (dialog nativo) ══════════ */
.gp-modal{
  padding: 0; border: 0; border-radius: 24px; overflow: hidden;
  width: min(600px, calc(100% - 32px)); max-height: 90vh;
  background: var(--gp-paper) !important; color: var(--gp-ink) !important;
  display: flex; flex-direction: column;
  box-shadow: 0 44px 100px -34px rgba(60,0,26,.7);
  /* animação suave (abre E fecha) */
  opacity: 0; translate: 0 14px; scale: .985;
  transition: opacity .3s var(--gp-ease), translate .3s var(--gp-ease), scale .3s var(--gp-ease),
              overlay .3s allow-discrete, display .3s allow-discrete;
}
.gp-modal[open]{ opacity: 1; translate: 0 0; scale: 1; }
@starting-style{ .gp-modal[open]{ opacity: 0; translate: 0 14px; scale: .985; } }

.gp-modal::backdrop{
  background: rgba(58,32,41,0);
  -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px);
  transition: background .32s ease, backdrop-filter .32s ease, -webkit-backdrop-filter .32s ease,
              overlay .32s allow-discrete, display .32s allow-discrete;
}
.gp-modal[open]::backdrop{ background: rgba(58,32,41,.5); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
@starting-style{ .gp-modal[open]::backdrop{ background: rgba(58,32,41,0); -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); } }

/* cabeçalho (imagem) */
.gp-modal__head{ position: relative; flex: none; background: #FFFFFF !important; height: clamp(220px, 34vh, 300px); }
.gp-modal__head img{ width: 100%; height: 100%; object-fit: contain; padding: 26px; }
.gp-modal__badge{
  position: absolute; left: 20px; bottom: 16px; font-family: var(--gp-fl);
  font-size: 10px; letter-spacing: .14em; text-transform: uppercase;
  background: var(--gp-wine) !important; color: var(--gp-paper) !important; border-radius: 100px; padding: 5px 13px;
}
.gp-modal__close{
  position: absolute; top: 14px; right: 14px; z-index: 3; cursor: pointer;
  width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center;
  border: 0 !important; border-radius: 50%;
  background: rgba(248,241,231,.92) !important; color: var(--gp-ink) !important;
  box-shadow: 0 6px 18px -6px rgba(0,0,0,.4); transition: background .2s ease, transform .2s ease;
}
.gp-modal__close:hover{ background: #fff !important; transform: rotate(90deg); }
.gp-modal__close svg{ width: 22px; height: 22px; }

/* corpo (rola) */
.gp-modal__body{ flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
  padding: 24px clamp(22px,4vw,32px) 8px; }
.gp-modal__cat{ font-family: var(--gp-fl); font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var(--gp-gold-dp) !important; }
.gp-modal__name{ font-family: var(--gp-fh); font-weight: 400; font-size: clamp(24px,4.4vw,32px); line-height: 1.06; color: var(--gp-wine) !important; margin: 7px 0 0; }
.gp-modal__desc{ font-family: var(--gp-fb); font-weight: 400; font-size: 15px; line-height: 1.64; color: var(--gp-ink-soft) !important; margin: 14px 0 0; }
.gp-modal__lbl{ font-family: var(--gp-fl); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--gp-ink) !important; margin: 24px 0 0; }
.gp-modal__list{ list-style: none; margin: 13px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.gp-modal__list li{ position: relative; padding-left: 24px; font-family: var(--gp-fb); font-size: 14px; line-height: 1.5; color: var(--gp-ink) !important; }
.gp-modal__list li::before{ content: ""; position: absolute; left: 5px; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--gp-gold); }
.gp-modal__list b{ color: var(--gp-ink) !important; font-weight: 600; }
.gp-modal__note{ font-family: var(--gp-fb); font-size: 12.5px; line-height: 1.55; color: var(--gp-ink-faint) !important; margin: 20px 0 0; padding-top: 15px; border-top: 1px solid var(--gp-line); }

/* rodapé (CTA sempre visível) */
.gp-modal__foot{ flex: none; padding: 16px clamp(22px,4vw,32px) clamp(18px,4vw,24px); background: linear-gradient(to top, var(--gp-paper) 70%, rgba(248,241,231,0)); border-top: 1px solid var(--gp-line-sft); }
.gp-modal__wa{
  display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%;
  background: var(--gp-wa, #1EA85C) !important; color: #fff !important; text-decoration: none !important;
  font-family: var(--gp-fl); font-size: 13px; letter-spacing: .1em; text-transform: uppercase;
  padding: 16px 26px; border-radius: 100px; box-shadow: 0 16px 32px -14px rgba(23,133,68,.6);
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}
.gp-modal__wa:hover, .gp-modal__wa:focus{ background: var(--gp-wa-dp, #178544) !important; color: #fff !important; transform: translateY(-2px); box-shadow: 0 22px 40px -14px rgba(23,133,68,.7); }
.gp-modal__wa svg{ width: 19px; height: 19px; flex: none; }

/* ── MOBILE: bottom-sheet ── */
@media (max-width: 600px){
  .gp-modal{
    inset: auto 0 0 0; margin: 0; width: 100%; max-width: 100%; max-height: 92svh;
    border-radius: 24px 24px 0 0;
    translate: 0 100%; scale: 1;
  }
  .gp-modal[open]{ translate: 0 0; }
  @starting-style{ .gp-modal[open]{ translate: 0 100%; } }
  .gp-modal__head{ height: clamp(180px, 30vh, 240px); }
}

@media (prefers-reduced-motion: reduce){
  .gp-modal, .gp-modal::backdrop{ transition: none; }
  .gp-modal{ opacity: 1; translate: 0 0; scale: 1; }
}


/* ── KIT (Mini Skin Care: card sem foto + minis no modal) ── */
.gp-prod__media--kit{
  background:
    radial-gradient(120% 90% at 28% 12%, rgba(255,255,255,.16), transparent 55%),
    linear-gradient(155deg, var(--gp-wine-soft, #8a2a52), var(--gp-wine) 46%, var(--gp-wine-dp)) !important;
}
.gp-prod__media--kit svg{ width: 48px; height: 48px; stroke: rgba(248,241,231,.9) !important; fill: none; }
.gp-prod__seal{
  position: absolute; top: 12px; right: 12px; font-family: var(--gp-fl);
  font-size: 9px; letter-spacing: .18em; color: rgba(248,241,231,.72) !important;
  border: 1px solid rgba(248,241,231,.32); border-radius: 100px; padding: 4px 10px;
}
.gp-modal__head--kit{
  display: flex; align-items: center; justify-content: center;
  background:
    radial-gradient(120% 90% at 30% 10%, rgba(255,255,255,.15), transparent 55%),
    linear-gradient(155deg, var(--gp-wine-soft, #8a2a52), var(--gp-wine) 46%, var(--gp-wine-dp)) !important;
}
.gp-modal__head--kit svg{ width: 58px; height: 58px; stroke: rgba(248,241,231,.92) !important; fill: none; }
.gp-modal__head--kit .gp-modal__badge{ left: auto; right: 20px; }

.gp-modal__kit{ display: flex; flex-direction: column; gap: 12px; margin-top: 18px; }
.gp-modal__kititem{ display: flex; flex-direction: column; gap: 5px; padding: 14px 16px; background: rgba(114,0,51,.045); border: 1px solid var(--gp-line-sft); border-radius: 14px; }
.gp-modal__kitname{ display: flex; align-items: center; gap: 10px; font-family: var(--gp-fh); font-weight: 500; font-size: 16px; color: var(--gp-ink) !important; }
.gp-modal__kitsize{ font-family: var(--gp-fl); font-size: 9.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--gp-paper) !important; background: var(--gp-wine) !important; border-radius: 100px; padding: 3px 9px; }
.gp-modal__kitdesc{ font-family: var(--gp-fb); font-size: 13px; line-height: 1.5; color: var(--gp-ink-soft) !important; }


/* ── MOBILE: card horizontal (por último p/ vencer a base .gp-prod) ── */
@media (max-width: 599px){
  .gp-prod{ flex-direction: row; align-items: stretch; }
  .gp-prod__media{ width: 112px; flex: none; border-right: 1px solid var(--gp-line); }
  .gp-prod__body{ flex: 1 1 auto; min-width: 0; justify-content: center; padding: 13px 15px; overflow: hidden; }
  .gp-prod__name{ font-size: 15.5px; overflow-wrap: anywhere; }
  .gp-prod__teaser{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
}

/* ── Barra de rolagem SÓ do popup (não afeta a página) ── */
.gp-modal__body{ scrollbar-width: thin; scrollbar-color: rgba(114,0,51,.30) transparent; }        /* Firefox */
.gp-modal__body::-webkit-scrollbar{ width: 8px; }                                                  /* Chrome/Safari/Edge */
.gp-modal__body::-webkit-scrollbar-track{ background: transparent; margin: 6px 0; }
.gp-modal__body::-webkit-scrollbar-thumb{ background: rgba(114,0,51,.28); border-radius: 100px; border: 2px solid transparent; background-clip: padding-box; }
.gp-modal__body::-webkit-scrollbar-thumb:hover{ background: rgba(114,0,51,.5); border: 2px solid transparent; background-clip: padding-box; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e193d23 *//* ═══ BLOCO: DUO DE FOTOS (molduras arqueadas) ═══
   Usa tokens :root globais (definidos no CSS do hero).
   Ocupa 100% da largura da coluna onde for colocado. */
.gp-photosduo{
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
  width: 100%; margin: 0;
}
.gp-photosduo__item{
  margin: 0; overflow: hidden;
  aspect-ratio: 3 / 4;
  border-radius: 200px 200px 20px 20px;      /* arco em cima */
  border: 1px solid rgba(169,131,78,.4);
  box-shadow: 0 28px 64px -32px rgba(60,0,26,.55);
}
.gp-photosduo__item:nth-child(2){
  margin-top: 32px;                           /* deslocada p/ baixo */
  border-radius: 20px 20px 200px 200px;       /* arco embaixo */
}
.gp-photosduo__item img{
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .6s var(--gp-ease, cubic-bezier(.16,1,.3,1));
}
.gp-photosduo__item:hover img{ transform: scale(1.04); }

@media (max-width: 480px){
  .gp-photosduo{ gap: 10px; }
  .gp-photosduo__item:nth-child(2){ margin-top: 22px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c9e403b *//* ═══ BLOCO: HEADLINE de seção (reutilizável) ═══
   Fraunces leve, vinho, centralizado. <em> = itálico dourado. */
.gp-title{
  margin: 10px 0 0;
  font-family: var(--gp-fh); font-weight: 300;
  font-size: clamp(30px, 4.6vw, 50px); line-height: 1.05; letter-spacing: -.01em;
  color: var(--gp-wine); text-align: center;
  text-wrap: balance;
}
.gp-title em{ font-style: italic; font-weight: 400; color: var(--gp-gold-dp); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-72e8d77 *//* ═══ BLOCO: DESCRIÇÃO "QUEM É A GABI" (coluna da direita) ═══
   Usa tokens :root globais (definidos no CSS do hero). Alinhada à esquerda. */
.gp-about-desc{
  margin: 18px 0 0;
  max-width: 40em;
  font-family: var(--gp-fb);
  font-weight: 400;
  font-size: 16.5px;
  line-height: 1.7;
  color: var(--gp-ink-soft);
  text-align: left;
  text-wrap: pretty;
}
.gp-about-desc strong{ color: var(--gp-ink); font-weight: 600; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67b68cc *//* ═══ BLOCO: SEÇÃO FINAL (fechamento) ═══
   Usa tokens :root globais (definidos no CSS do hero). */
.gp-final{
  position: relative; width: 100%; overflow: hidden;
  background: linear-gradient(165deg, var(--gp-wine) 0%, var(--gp-wine-dp) 100%);
  color: var(--gp-paper);
  isolation: isolate;
}

/* foto do hero FANTASMA (bem transparente, só textura/profundidade) */
.gp-final__bg{
  position: absolute; inset: 0; z-index: 0;
  background-image: url('https://gabipazos.formullahf.com.br/wp-content/uploads/2026/07/bg-hero2.webp');
  background-size: cover; background-position: 70% center;
  opacity: .07;                                   /* AJUSTE aqui a presença da foto */
  mix-blend-mode: luminosity;
}
/* brilho dourado sutil atrás do conteúdo */
.gp-final__glow{
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(60% 55% at 50% 30%, rgba(230,201,162,.16), transparent 60%),
    radial-gradient(90% 70% at 50% 120%, rgba(0,0,0,.28), transparent 60%);
}
/* grão */
.gp-final__grain{
  position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .5; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  background-size: 200px 200px;
}
/* filete dourado no topo */
.gp-final__edge{
  position: absolute; top: 0; left: 0; right: 0; height: 1px; z-index: 1; pointer-events: none;
  background: linear-gradient(to right, transparent, rgba(230,201,162,.5) 22%, rgba(230,201,162,.5) 78%, transparent);
}
/* palavra-fantasma decorativa */
.gp-final__ghost{
  position: absolute; right: 4%; bottom: -4%; z-index: 0; pointer-events: none; user-select: none;
  font-family: var(--gp-fh); font-style: italic; font-weight: 400;
  font-size: clamp(120px, 20vw, 300px); line-height: .8; letter-spacing: -.02em;
  color: transparent; -webkit-text-stroke: 1px rgba(230,201,162,.08);
}

/* conteúdo */
.gp-final__inner{
  position: relative; z-index: 2;
  max-width: 680px; margin: 0 auto; text-align: center;
  padding: clamp(84px, 12vw, 148px) 24px;
}

.gp-final__eyebrow{
  display: inline-flex; align-items: center; gap: 14px;
  font-family: var(--gp-fl); font-size: 12px; letter-spacing: .3em; text-transform: uppercase;
  color: var(--gp-gold-lt);
}
.gp-final__rule{ width: 34px; height: 1px; background: rgba(230,201,162,.5); display: inline-block; }

.gp-final__title{
  font-family: var(--gp-fh); font-weight: 300;
  font-size: clamp(34px, 5.4vw, 60px); line-height: 1.08; letter-spacing: -.01em;
  color: var(--gp-paper); margin: 22px 0 0; text-wrap: balance;
}
.gp-final__title em{ font-style: italic; font-weight: 400; color: var(--gp-gold-lt); }

.gp-final__sub{
  font-family: var(--gp-fb); font-weight: 300;
  font-size: 17px; line-height: 1.6; color: rgba(248,241,231,.82);
  margin: 20px auto 0; max-width: 34em; text-wrap: pretty;
}

.gp-final__cta{
  display: inline-flex; align-items: center; gap: 11px; margin-top: 34px;
  font-family: var(--gp-fl); font-size: 14px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--gp-wine); background: var(--gp-paper);
  padding: 17px 34px; border-radius: 100px; text-decoration: none;
  box-shadow: 0 20px 46px -18px rgba(0,0,0,.6);
  transition: transform .3s var(--gp-ease), box-shadow .3s ease, background .3s ease, color .3s ease;
}
.gp-final__cta svg{ width: 20px; height: 20px; }
.gp-final__cta:hover{
  transform: translateY(-2px);
  background: var(--gp-gold-lt); color: var(--gp-wine-dp);
  box-shadow: 0 26px 54px -18px rgba(0,0,0,.7);
}

.gp-final__foot{
  margin-top: 30px;
  font-family: var(--gp-fl); font-size: 11px; letter-spacing: .18em; text-transform: uppercase;
  color: rgba(248,241,231,.55);
}

@media (max-width: 480px){
  .gp-final__ghost{ display: none; }
  .gp-final__cta{ width: 100%; justify-content: center; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2da78e *//* ═══ BLOCO: RODAPÉ (sutil, escuro) ═══
   Usa tokens :root globais (definidos no CSS do hero). */
.gp-footer{
  width: 100%;
  background: var(--gp-wine-dp);
  border-top: 1px solid rgba(230,201,162,.14);   /* filete dourado bem sutil */
}
.gp-footer__inner{
  max-width: var(--gp-grid, 1280px); margin: 0 auto;
  padding: 26px 24px;
  display: flex; flex-direction: column; align-items: center; gap: 7px;
  text-align: center;
}
.gp-footer__brand{
  font-family: var(--gp-fl); font-style: normal;
  font-size: 13px; letter-spacing: .16em;
  color: rgba(248,241,231,.9);
}
.gp-footer__meta{
  font-family: var(--gp-fl); font-size: 10px; letter-spacing: .2em; text-transform: uppercase;
  color: rgba(248,241,231,.45);
}
.gp-footer__meta a{ color: inherit; text-decoration: none; transition: color .25s ease; }
.gp-footer__meta a:hover{ color: var(--gp-gold-lt); }/* End custom CSS */
/* Start custom CSS */html, body{
    overflow-x: hidden !important; 
    scroll-behavior: auto !important;
}


/* ═══════════════════════════════════════════════════════════
   GABI PAZOS × HF FORMULLA — CSS DE PERFORMANCE (opcional)
   Colar num CSS global (Elementor → Custom CSS do site, ou no footer).
   content-visibility: auto = o browser NÃO renderiza a seção enquanto ela
   está fora da tela -> paint inicial mais rápido em página longa.
   IMPORTANTE: teste a rolagem. O 'contain-intrinsic-size' é uma ESTIMATIVA
   da altura da seção (evita "pulo" da barra de rolagem). Ajuste se precisar.
   NÃO aplique no hero (é a primeira dobra).
   ═══════════════════════════════════════════════════════════ */

.gp-marquee{ content-visibility: auto; contain-intrinsic-size: auto 60px; }
.gp-prods{ content-visibility: auto; contain-intrinsic-size: auto 1400px; }
.gp-ba{ content-visibility: auto; contain-intrinsic-size: auto 800px; }
.gp-final{ content-visibility: auto; contain-intrinsic-size: auto 620px; }
.gp-footer{ content-visibility: auto; contain-intrinsic-size: auto 90px; }

/* Dica extra: em telas pequenas o parallax do hero já fica desligado (só
   desktop). Se quiser desligar de vez p/ performance máxima, comente a
   chamada initHeroParallax() no gp-page.js. *//* End custom CSS */