/* =========================================================
   Landing pages internas (franqueado, mercados, trabalhe conosco).
   Medidas do original @1440; o container das caixas tem 1166px
   (x=137). Tudo em unidades fluidas ancoradas nesses números.
   ========================================================= */

.hg-lp__interno { width: min(100% - 2rem, 1166px); margin-inline: auto; }

/* --- Hero --- */
.hg-lp-hero {
  position: relative;
  background: var(--hg-creme);
  text-align: center;
  padding-top: clamp(2.5rem, 5.5vw, 80px);          /* h1 em y=310 */
  overflow: hidden;
}
.hg-lp-hero__titulo {
  width: min(100% - 2rem, 1020px);
  margin: 0 auto;
  font-size: var(--hg-fs-h1);                        /* 80px */
  line-height: 1;
}
.hg-lp__do { display: inline-block; vertical-align: middle; width: 0.7625em; margin: 0 0.1em; transform: translateY(-0.1em); }
.hg-lp__do img { width: 100%; height: auto; }
.hg-lp-hero__apoio {
  max-width: 645px;
  margin: 23px auto 0;                               /* 493 - 470 */
  color: var(--hg-marrom);
}
.hg-lp-hero .hg-btn { margin-top: 27px; }            /* 593 - (493 + 49 + 24) */
.hg-lp-hero__foto {
  width: clamp(320px, 86.5vw, 1246px);
  margin: 18px 0 0 auto;                             /* foto começa em x=574 */
  transform-origin: right bottom;
}
.hg-lp-hero__foto img { width: 100%; height: auto; }
.hg-lp-hero--compacto .hg-lp-hero__foto {
  width: clamp(200px, 25vw, 360px);                  /* saco de ~360px no original */
  margin: 40px auto 0;
}

/* --- Caixa do formulário --- */
.hg-lp-form { background: transparent; position: relative; z-index: 2; }
.hg-lp-form__caixa {
  position: relative;
  z-index: 1;
  width: min(100% - 2rem, 1166px);
  margin: clamp(-2rem, -6.25vw, -90px) auto 0;      /* sobe sobre a foto do hero */
  padding: clamp(2rem, 4.2vw, 61px) clamp(1.25rem, 3.9vw, 56px) clamp(1.5rem, 2.6vw, 38px);
  border-radius: 24px;
  color: var(--hg-creme);
  text-align: center;
}
.hg-lp-form--vermelho .hg-lp-form__caixa { background: var(--hg-vermelho); }
.hg-lp-form--marrom .hg-lp-form__caixa { background: var(--hg-marrom); }
.hg-lp-form__titulo { font-size: clamp(1.25rem, 1.95vw, 1.75rem); line-height: 1.1; color: var(--hg-creme); }
.hg-lp-form__apoio { max-width: 573px; margin: 13px auto 30px; }

.hg-form__grade { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 44px; text-align: left; }
.hg-form__campo, .hg-form__campo .wpcf7-form-control-wrap { display: block; }
.hg-form__campo--largo { grid-column: 1 / -1; }
.hg-form__grade input, .hg-form__grade select {
  width: 100%;
  height: 48px;
  padding: 0 18px;
  border: 0;
  border-radius: 8px;
  background: var(--hg-creme);
  font: 14px/1 var(--hg-texto);
  color: var(--hg-marrom);
}
.hg-form__grade input::placeholder { color: var(--hg-marrom); opacity: 0.75; }
.hg-form__grade select { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%235F2C1C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 18px center; }
.hg-form__arquivo { display: grid; gap: 6px; font-size: 13px; color: var(--hg-creme); }
.hg-form__arquivo input[type="file"] { height: auto; padding: 12px 18px; font-size: 13px; }
.hg-form__rodape { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-top: 22px; text-align: left; }
.hg-form__aviso { max-width: 393px; margin: 0; font-size: 14px; line-height: 1.35; }
.hg-form__rodape .wpcf7-form-control-wrap, .hg-form__rodape .wpcf7-submit { display: inline-block; }
.hg-lp-form .wpcf7-submit { font-size: 0.875rem; min-height: 42px; padding-inline: 20px; }
.hg-lp-form .wpcf7-not-valid-tip { display: block; margin-top: 6px; font-size: 12px; color: var(--hg-creme); }
.hg-lp-form .wpcf7-response-output { margin: 18px 0 0; padding: 12px 16px; border: 2px solid var(--hg-creme); border-radius: 8px; font-size: 14px; }
.hg-lp-form .wpcf7-spinner { display: none; }
.hg-lp-form--vermelho .hg-btn--secundario { background: var(--hg-marrom); }
.hg-lp-form--marrom .hg-btn--primario { background: var(--hg-vermelho); }

/* --- Métricas (cards) --- */
.hg-lp-metricas { background: var(--hg-marrom); padding: clamp(6rem, 13.9vw, 200px) 0 clamp(2rem, 4vw, 60px); margin-top: calc(clamp(3rem, 7vw, 100px) * -1); }
.hg-lp-form + .hg-lp-beneficios { margin-top: calc(clamp(3rem, 7vw, 100px) * -1); padding-top: clamp(6rem, 12vw, 176px); }
.hg-lp-metricas__lista {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 20px;
  width: min(100% - 2rem, 1033px);
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.hg-lp-metrica {
  padding: 24px clamp(1.25rem, 5.1vw, 74px);
  border-radius: 20px;
  background: var(--hg-creme);
  text-align: left;
}
.hg-lp-metrica--largo { grid-column: 1 / -1; text-align: center; }
.hg-lp-metrica__rotulo { display: block; font-size: clamp(1rem, 1.53vw, 1.375rem); color: var(--hg-marrom); }
.hg-lp-metrica__valor { display: block; margin-top: 6px; font-family: var(--hg-display); font-size: clamp(1.75rem, 3.05vw, 2.75rem); line-height: 1.2; text-transform: uppercase; color: var(--hg-vermelho); }

/* --- Benefícios --- */
.hg-lp-beneficios { padding: clamp(3rem, 5.6vw, 80px) 0 clamp(3rem, 6vw, 86px); text-align: center; color: var(--hg-creme); }
.hg-lp-beneficios--marrom { background: var(--hg-marrom); }
.hg-lp-beneficios--vermelho { background: var(--hg-vermelho); }
.hg-lp-metricas + .hg-lp-beneficios--marrom { padding-top: clamp(2rem, 4.5vw, 65px); }
.hg-lp-beneficios__titulo { font-size: var(--hg-fs-h2); line-height: 1.1; color: var(--hg-creme); }
.hg-lp-beneficios__lista {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  width: min(100%, 1260px);
  margin: clamp(2rem, 4.9vw, 70px) auto 0;
  padding: 0;
  list-style: none;
}
.hg-lp-beneficios__lista--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); width: min(100%, 980px); }
.hg-lp-beneficio { display: grid; justify-items: center; gap: 12px; }
.hg-lp-beneficio__icone { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 14px; background: var(--hg-vermelho); }
.hg-lp-beneficios--vermelho .hg-lp-beneficio__icone { background: var(--hg-marrom); }
.hg-lp-beneficio__icone img { width: 32px; height: 32px; }
.hg-lp-beneficio__titulo { margin-top: 12px; max-width: 297px; font-size: clamp(1.25rem, 1.95vw, 1.75rem); line-height: 1.1; color: var(--hg-creme); }
.hg-lp-beneficio__texto { max-width: 297px; margin: 0; }

/* --- História --- */
.hg-lp-historia { background: var(--hg-creme); padding: clamp(3rem, 8.3vw, 120px) 0 clamp(3rem, 6vw, 86px); }
.hg-lp-historia__titulo { max-width: 1000px; margin: 0 auto; font-size: var(--hg-fs-h2-alt); line-height: 1.15; text-align: center; }
.hg-lp-historia__texto { max-width: 1010px; margin: 36px auto 0; color: var(--hg-marrom); }
.hg-lp-historia__leia { display: block; padding: 0; border: 0; background: none; font: inherit; color: var(--hg-vermelho); cursor: pointer; }
.hg-lp-numeros { display: grid; gap: clamp(2rem, 5vw, 72px); margin-top: clamp(3rem, 6vw, 86px); }
.hg-lp-numero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(1.5rem, 3vw, 44px); }
.hg-lp-numero__valor { font-family: var(--hg-display); font-size: clamp(8rem, 22vw, 320px); line-height: 0.85; color: var(--hg-vermelho); text-align: center; }
.hg-lp-numero__texto h3 { font-size: clamp(1.75rem, 3.16vw, 2.84rem); line-height: 1.05; color: var(--hg-marrom); }
.hg-lp-numero__texto p { max-width: 429px; margin: 20px 0 0; color: var(--hg-marrom); }
.hg-lp-numero--invertido .hg-lp-numero__valor { order: 2; }
.hg-lp-numero--invertido .hg-lp-numero__texto { text-align: right; }
.hg-lp-numero--invertido .hg-lp-numero__texto p { margin-left: auto; }

/* --- Galeria --- */
.hg-lp-galeria--creme { background: var(--hg-creme); }
.hg-lp-galeria { background: var(--hg-marrom); padding: clamp(2.5rem, 5.5vw, 79px) 0; overflow: hidden; }
.hg-lp-galeria__area { overflow: hidden; }
.hg-lp-galeria__trilho { display: flex; gap: 30px; margin: 0; padding: 0; list-style: none; width: max-content; animation: hg-lp-desliza 60s linear infinite; }
.hg-lp-galeria__area:hover .hg-lp-galeria__trilho { animation-play-state: paused; }
.hg-lp-galeria__item { flex: 0 0 270px; }
.hg-lp-galeria__item img { width: 270px; height: 244px; object-fit: cover; border-radius: 25px; }
@keyframes hg-lp-desliza { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 15px)); } }

/* --- Diferenciais --- */
.hg-lp-dif { background: var(--hg-vermelho); padding: clamp(3rem, 8.2vw, 118px) 0 clamp(4rem, 8.3vw, 120px); overflow: hidden; text-align: center; }
.hg-lp-dif__titulo { font-size: clamp(2.25rem, 4.44vw, 4rem); line-height: 1.05; color: var(--hg-creme); }
.hg-lp-dif__area { overflow: hidden; margin-top: clamp(2rem, 5vw, 72px); }
.hg-lp-dif__trilho { display: flex; gap: 30px; margin: 0; padding: 0; list-style: none; width: max-content; animation: hg-lp-desliza 70s linear infinite; }
.hg-lp-dif__area:hover .hg-lp-dif__trilho { animation-play-state: paused; }
.hg-lp-dif__card { flex: 0 0 306px; display: grid; justify-items: center; align-content: start; gap: 22px; min-height: 190px; padding: 34px 28px; border-radius: 22px; background: var(--hg-creme); }
.hg-lp-dif__icone { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 14px; background: var(--hg-vermelho); }
.hg-lp-dif__icone img { width: 32px; height: 32px; }
.hg-lp-dif__rotulo { font-family: var(--hg-display); font-size: 1.47rem; line-height: 1; text-transform: uppercase; color: #6B2E1B; }
.hg-lp-dif__acao { margin: clamp(2rem, 3.2vw, 46px) 0 0; }

/* --- Seu Zé --- */
.hg-lp-ze { background: var(--hg-creme); padding-top: clamp(3rem, 8.9vw, 128px); }
.hg-lp-ze__grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 551px); align-items: end; gap: clamp(1.5rem, 3vw, 44px); }
.hg-lp-ze__texto { padding-bottom: clamp(2rem, 8vw, 116px); }
.hg-lp-ze__titulo { max-width: 460px; font-size: clamp(2.25rem, 4.44vw, 4rem); line-height: 1.05; }
.hg-lp-ze__texto p { max-width: 460px; margin: 22px 0 0; color: var(--hg-marrom); }
.hg-lp-ze__lista { display: grid; gap: 10px; margin: 34px 0 0; padding: 0; list-style: none; }
.hg-lp-ze__lista li { display: flex; align-items: center; gap: 10px; font-family: var(--hg-display); font-size: 0.875rem; text-transform: uppercase; color: var(--hg-vermelho); }
.hg-lp-ze__foto img { width: 100%; height: auto; display: block; }

/* --- Delivery --- */
.hg-lp-delivery { background: var(--hg-creme); padding: 0 0 clamp(3rem, 5vw, 72px); }
.hg-lp-delivery__caixa {
  display: grid;
  grid-template-columns: minmax(0, 516px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(1.5rem, 3.5vw, 50px);
  padding: 30px;
  border-radius: 28px;
  background: var(--hg-vermelho);
  color: var(--hg-creme);
}
.hg-lp-delivery__foto img { width: 100%; height: auto; border-radius: 18px; display: block; }
.hg-lp-delivery__marcas { display: flex; align-items: center; gap: 14px; margin: 0 0 22px; }
.hg-lp-delivery__marcas span { width: 1px; height: 24px; background: currentColor; opacity: 0.5; }
.hg-lp-delivery__texto h2 { max-width: 480px; font-size: clamp(1.75rem, 3.05vw, 2.75rem); line-height: 1.05; color: var(--hg-creme); }
.hg-lp-delivery__texto p { max-width: 480px; margin: 18px 0 26px; }

/* --- Modalidades --- */
.hg-lp-mod { background: var(--hg-creme); padding: 0 0 clamp(3rem, 5vw, 72px); text-align: center; }
.hg-lp-mod__pre { margin: 0; color: var(--hg-marrom); }
.hg-lp-mod__titulo { max-width: 700px; margin: 14px auto clamp(2rem, 4.2vw, 60px); font-size: clamp(2.25rem, 4.44vw, 4rem); line-height: 1.05; }
.hg-lp-mod__card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 501px);
  gap: clamp(1.5rem, 3vw, 44px);
  padding: 48px 56px 76px;
  margin-bottom: clamp(2.5rem, 6.9vw, 100px);
  border-radius: 24px;
  background: var(--hg-marrom);
  color: var(--hg-creme);
  text-align: left;
  overflow: hidden;
}
.hg-lp-mod__dados { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 24px; margin: 0; }
.hg-lp-mod__dados dt { font-family: var(--hg-display); font-size: 0.875rem; text-transform: uppercase; }
.hg-lp-mod__dados dd { margin: 4px 0 0; font-size: 0.75rem; }
.hg-lp-mod__estimado dd { font-family: var(--hg-display); font-size: 1.25rem; }
.hg-lp-mod__nome { margin-top: 26px; max-width: 420px; font-size: clamp(1.75rem, 2.8vw, 2.5rem); line-height: 1; color: var(--hg-creme); }
.hg-lp-mod__botao { margin-top: 22px; font-size: 0.875rem; min-height: 42px; }
.hg-lp-mod__foto img { width: 100%; height: 373px; object-fit: cover; border-radius: 16px; }
.hg-lp-mod__retorno { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 12px; background: var(--hg-vermelho); font-family: var(--hg-display); font-size: 0.875rem; text-transform: uppercase; text-align: center; }

/* --- Depoimentos --- */
.hg-lp-depo { background: var(--hg-creme); padding: clamp(2.5rem, 5.4vw, 78px) 0 clamp(2.5rem, 5.8vw, 84px); text-align: center; }
.hg-lp-depo__titulo { max-width: 900px; margin: 0 auto; font-size: clamp(2.25rem, 4.44vw, 4rem); line-height: 1.05; }
.hg-lp-depo__lista { display: flex; justify-content: center; flex-wrap: wrap; gap: 24px; margin: clamp(2rem, 4vw, 58px) 0 0; padding: 0; list-style: none; }
.hg-lp-depo__item video { display: block; width: 201px; height: 358px; object-fit: cover; border-radius: 16px; background: #000; }

/* --- Mídia --- */
.hg-lp-midia { background: var(--hg-marrom); padding: clamp(3rem, 7.7vw, 111px) 1rem; }
.hg-lp-midia__foto { width: min(100%, 779px); margin: 0 auto; }
.hg-lp-midia__foto img { width: 100%; height: auto; border-radius: 24px; display: block; }

/* --- FAQ --- */
.hg-lp-faq { background: var(--hg-creme); padding: clamp(3rem, 8.2vw, 118px) 0 clamp(3rem, 7vw, 100px); }
.hg-lp-faq__titulo { font-size: clamp(2.25rem, 4.44vw, 4rem); line-height: 1.05; text-align: center; }
.hg-lp-faq__lista { width: min(100%, 760px); margin: clamp(2rem, 4.5vw, 64px) auto 0; }
.hg-lp-faq__item { border-bottom: 1px solid var(--hg-vermelho); }
.hg-lp-faq__pergunta { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 30px 0; list-style: none; cursor: pointer; font-family: var(--hg-display); font-size: 1rem; text-transform: uppercase; color: var(--hg-marrom); }
.hg-lp-faq__pergunta::-webkit-details-marker { display: none; }
.hg-lp-faq__mais { font-size: 1.5rem; line-height: 1; color: var(--hg-vermelho); transition: transform var(--hg-dur) var(--hg-ease); }
.hg-lp-faq__item[open] .hg-lp-faq__mais { transform: rotate(45deg); }
.hg-lp-faq__resposta { margin: -10px 0 26px; color: var(--hg-marrom); }

/* --- CTA final --- */
.hg-lp-cta { position: relative; background: var(--hg-vermelho); color: var(--hg-creme); text-align: center; overflow: hidden; }
.hg-lp-cta__texto { position: relative; z-index: 1; padding: clamp(3rem, 5.3vw, 76px) 1rem 0; }
.hg-lp-cta__pre { margin: 0 0 12px; }
.hg-lp-cta__titulo { max-width: 700px; margin: 0 auto 26px; font-size: clamp(2.25rem, 4.44vw, 4rem); line-height: 1.05; color: var(--hg-creme); }
.hg-lp-cta__foto { width: min(100%, 1366px); margin: clamp(1.5rem, 3vw, 44px) auto calc(clamp(60px, 10vw, 150px) * -1); }
.hg-lp-cta__foto img { width: 100%; height: auto; display: block; }

/* --- Mobile ---
   Medidas do original @375 (Seja franqueado). O Framer troca o layout
   inteiro no celular: faixas de largura total em vez de caixas, textos
   centralizados e cards em coluna. */
.hg-lp-depo__setas, .hg-lp-depo__pontos { display: none; }

@media (max-width: 899px) {
  .hg-form__grade, .hg-lp-beneficios__lista, .hg-lp-beneficios__lista--3, .hg-lp-numero, .hg-lp-ze__grade, .hg-lp-delivery__caixa { grid-template-columns: 1fr; }

  /* Hero: h1 38/39 em y=164 (largura 312), apoio 12/16,2, botão de 301px
     e a foto de 507px começando em x=85, cortada pela faixa do formulário. */
  .hg-lp-hero { padding-top: 76px; height: 532px; }                 /* 620 contando o cabeçalho */
  .hg-lp-hero__titulo { width: 312px; font-size: 38px; line-height: 39px; }
  .hg-lp-hero__titulo .hg-lp__junto { white-space: nowrap; }
  .hg-lp__do { width: 31px; margin: 0 4px 0 0; transform: translateY(-4px); }
  .hg-lp-hero__apoio { max-width: 312px; margin-top: 2px; font-size: 12px; line-height: 16.2px; }
  /* Botões: largura mínima do original, crescendo com textos mais longos
     ("Quero ser um ponto de venda") em vez de quebrar a linha. */
  .hg-pagina-lp .hg-btn { padding-inline: 12px; white-space: nowrap; }
  .hg-lp-hero .hg-btn { min-width: 301px; margin-top: 33px; }
  .hg-lp-hero__foto { width: 507px; max-width: none; margin: 51px 0 0 85px; }
  .hg-lp-mercados .hg-lp-hero__titulo { width: 336px; font-size: 36px; line-height: 36px; }
  .hg-lp-mercados .hg-lp-hero__apoio { max-width: 285px; margin-top: 3px; }
  .hg-lp-mercados .hg-lp-hero .hg-btn { min-width: 315px; margin-top: 24px; }
  /* Trabalhe conosco: hero de 683px (com o cabeçalho), h1 28/28 em y=232,
     e a sacola de 360x378 em x=8/y=306, atrás do texto. */
  .hg-lp-hero--compacto { position: relative; height: 566px; padding-top: 115px; }
  .hg-lp-hero--compacto .hg-lp-hero__texto { position: relative; z-index: 1; }
  .hg-lp-hero--compacto .hg-lp-hero__titulo { width: 297px; font-size: 28px; line-height: 28px; }
  .hg-lp-hero--compacto .hg-lp-hero__apoio { max-width: 313px; margin-top: 13px; }
  .hg-lp-hero--compacto .hg-btn { min-width: 289px; margin-top: -5px; }
  .hg-lp-hero--compacto .hg-lp-hero__foto { position: absolute; left: 8px; top: 189px; width: 360px; margin: 0; }

  /* Formulário: faixa vermelha de largura total (795px), campos de 327x48
     a cada 68px, aviso 12/16 e botão marrom de largura total. */
  .hg-lp-form__caixa { width: 100%; margin: 0; padding: 58px 24px 63px; border-radius: 0; }
  .hg-lp-form__titulo { font-size: 22px; line-height: 24px; }
  .hg-lp-form__apoio { margin: 15px auto 45px; font-size: 14px; line-height: 19px; }
  .hg-form__grade { grid-template-columns: 1fr; gap: 20px; }
  .hg-form__rodape { flex-direction: column; align-items: stretch; gap: 21px; margin-top: 20px; text-align: left; }
  .hg-form__aviso { max-width: none; font-size: 12px; line-height: 16px; }
  .hg-lp-form .wpcf7-submit { width: 100%; min-height: 48px; border-radius: 10px; font-size: 14px; }

  /* Métricas: cards compactos de 58px (raio 25) numa grade 130/64/130,
     a 1ª linha inteira, depois 198+130 e 130+198. */
  .hg-lp-metricas { margin-top: 0; padding: 60px 0 48px; }
  .hg-lp-form + .hg-lp-beneficios { margin-top: 0; padding-top: 60px; }
  .hg-lp-metricas__lista { grid-template-columns: 130px 64px 130px; gap: 4px; width: 332px; }
  .hg-lp-metrica { padding: 12px 13px; border-radius: 25px; }
  .hg-lp-metrica--largo { grid-column: 1 / -1; }
  .hg-lp-metrica:nth-child(2) { grid-column: 1 / 3; }
  .hg-lp-metrica:nth-child(3) { grid-column: 3; }
  .hg-lp-metrica:nth-child(4) { grid-column: 1; }
  .hg-lp-metrica:nth-child(5) { grid-column: 2 / 4; }
  .hg-lp-metrica__rotulo { overflow: hidden; font-size: 11px; line-height: 11px; white-space: nowrap; }   /* no original o rótulo longo é cortado */
  .hg-lp-metrica__valor { margin-top: 5px; font-size: 22px; line-height: 22px; }

  /* História e números: tudo centralizado, título 25/30 em 275px. */
  .hg-lp-historia { padding: 60px 0 61px; }
  .hg-lp-historia .hg-lp__interno { width: min(100% - 64px, 1166px); }
  .hg-lp-historia__titulo { max-width: 275px; font-size: 25px; line-height: 30px; }
  .hg-lp-historia__texto { margin-top: 41px; text-align: center; font-size: 12px; line-height: 16.2px; }
  .hg-lp-historia__leia { display: inline; }
  .hg-lp-numeros { gap: 50px; margin-top: 70px; }
  .hg-lp-numero { justify-items: center; gap: 21px; text-align: center; }
  .hg-lp-numero__valor, .hg-lp-numero--invertido .hg-lp-numero__valor { order: -1; font-size: 128px; line-height: 104px; }
  .hg-lp-numero__texto h3 { max-width: 310px; margin-inline: auto; font-size: 25px; line-height: 29px; }
  .hg-lp-numero__texto p,
  .hg-lp-numero--invertido .hg-lp-numero__texto p { max-width: 312px; margin: 10px auto 0; font-size: 12px; line-height: 14px; }
  .hg-lp-numero--invertido .hg-lp-numero__texto { text-align: center; }

  /* Galeria: fotos 270x244 a partir de x=10. */
  .hg-lp-galeria { padding: 54px 0 50px; }
  .hg-lp-galeria__area { padding-left: 10px; }

  /* Diferenciais: cards 312x221 (raio 24) a partir de x=32, ícone num
     círculo de 67px, rótulo 23,5/24; botão creme de 311px. */
  .hg-lp-dif { padding: 68px 0; }
  .hg-lp-dif__titulo { max-width: 293px; margin-inline: auto; font-size: 35px; line-height: 37px; }
  .hg-lp-dif__area { margin-top: 64px; padding-left: 32px; }
  .hg-lp-dif__trilho { gap: 24px; }
  .hg-lp-dif__card { flex-basis: 312px; min-height: 221px; gap: 23px; padding: 45px 24px 24px; border-radius: 24px; }
  .hg-lp-dif__icone { width: 67px; height: 67px; border-radius: 50%; }
  .hg-lp-dif__icone img { width: 45px; height: 45px; }
  .hg-lp-dif__rotulo { max-width: 219px; font-size: 23.5px; line-height: 24px; }
  .hg-lp-dif__acao { margin-top: 64px; }
  .hg-lp-dif__acao .hg-btn { min-width: 311px; }

  /* Seu Zé: centralizado; foto de 400px centrada, encostada na base. */
  .hg-lp-ze { padding-top: 23px; overflow: hidden; }
  .hg-lp-ze__grade { gap: 0; }
  .hg-lp-ze__texto { padding-bottom: 0; text-align: center; }
  .hg-lp-ze__titulo { max-width: 270px; margin: 0 auto; font-size: 30px; line-height: 34.5px; }
  .hg-lp-ze__texto p { max-width: 313px; margin: 8px auto 0; font-size: 12px; line-height: 17px; }
  .hg-lp-ze__lista { justify-items: center; gap: 18px; margin-top: 44px; }
  .hg-lp-ze__lista li { font-size: 18px; line-height: 19px; }
  .hg-lp-ze__foto { width: 400px; margin: 15px 0 0 calc(50% - 200px); }

  /* Delivery: faixa vermelha de largura total; foto 311x300 (raio 12),
     marcas, título 30/30, texto 12/16,25 e botão marrom. */
  .hg-lp-delivery { padding: 0; background: var(--hg-vermelho); }
  .hg-lp-delivery .hg-lp__interno { width: 100%; }
  .hg-lp-delivery__caixa { gap: 0; padding: 50px 32px 52px; border-radius: 0; }
  .hg-lp-delivery__foto img { height: 300px; object-fit: cover; border-radius: 12px; }
  .hg-lp-delivery__texto .hg-lp-delivery__marcas { margin: 30px 0 37px; }
  .hg-lp-delivery__texto h2 { font-size: 30px; line-height: 30px; }
  .hg-lp-delivery__texto p { margin: 10px 0 31px; font-size: 12px; line-height: 16.25px; }
  .hg-lp-delivery__texto .hg-btn { width: max-content; min-width: 100%; }

  /* Modalidades: card marrom de 312px (raio 15) com a foto 284x192 no
     topo, o nome 28/28, as taxas numa coluna (royalties, marketing,
     franquia), o estimado 28px, o botão e a faixa de retorno. O texto
     fica recuado 61px, como no original. */
  .hg-lp-mod { padding: 44px 0 33px; }
  .hg-lp-mod__pre { font-size: 14px; line-height: 19px; }
  .hg-lp-mod__titulo { max-width: 353px; margin: 15px auto 45px; font-size: 30px; line-height: 33px; }
  .hg-lp-mod__card { display: flex; flex-direction: column; gap: 0; width: 312px; margin: 0 auto 32px; padding: 14px 14px 0; border-radius: 15px; }
  .hg-lp-mod__corpo { display: contents; }
  .hg-lp-mod__foto { order: 0; }
  .hg-lp-mod__foto img { width: 284px; height: 192px; border-radius: 9px; }
  .hg-lp-mod__nome { order: 1; max-width: 220px; margin: 34px 0 0 47px; font-size: 28px; line-height: 28px; }
  .hg-lp-mod__dados { order: 2; display: flex; flex-direction: column; gap: 18px; margin: 20px 0 0 47px; }
  .hg-lp-mod__dados > div:nth-child(2) { order: 2; }
  .hg-lp-mod__dados > div:nth-child(3) { order: 1; }
  .hg-lp-mod__dados dt { font-size: 18px; line-height: 20px; }
  .hg-lp-mod__dados dd { margin-top: 3px; font-size: 18px; line-height: 24px; }
  .hg-lp-mod__estimado { order: 3; margin-top: 10px; }
  .hg-lp-mod__estimado dt, .hg-lp-mod__estimado dd { margin: 0; font-size: 28px; line-height: 30px; }
  .hg-lp-mod__estimado dt { font-family: var(--hg-display); }
  .hg-lp-mod__botao { order: 3; width: 284px; min-height: 48px; margin-top: 16px; font-size: 18px; }
  .hg-lp-mod__retorno { order: 4; position: static; margin: 26px -14px 0; padding: 11px 8px; border-radius: 0 0 15px 15px; font-size: 11px; line-height: 12px; }

  /* Depoimentos: um vídeo por vez (260x462, raio 20), setas vermelhas de
     40px sobre as bordas e a pílula de pontos embaixo. */
  .hg-lp-depo { padding: 20px 0 50px; }
  .hg-lp-depo__titulo { max-width: 260px; font-size: 30px; line-height: 33px; }
  .hg-lp-depo__carrossel { position: relative; margin-top: 20px; }
  .hg-lp-depo__lista {
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 46px;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 130px);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .hg-lp-depo__lista::-webkit-scrollbar { display: none; }
  .hg-lp-depo__item { flex: 0 0 260px; scroll-snap-align: center; }
  .hg-lp-depo__item video { width: 260px; height: 462px; border-radius: 20px; }
  .hg-lp-depo__setas { display: block; }
  .hg-lp-depo__seta {
    position: absolute;
    top: 211px;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--hg-vermelho);
    color: var(--hg-creme);
    cursor: pointer;
  }
  .hg-lp-depo__seta[hidden] { display: none; }
  .hg-lp-depo__seta--ant { left: calc(50% - 145px); }
  .hg-lp-depo__seta--prox { right: calc(50% - 145px); }
  .hg-lp-depo__pontos { display: flex; gap: 10px; width: max-content; margin: 19px auto 0; padding: 10px; border-radius: 50px; background: var(--hg-vermelho); }
  .hg-lp-depo__pontos span { width: 10px; height: 10px; border-radius: 50%; background: var(--hg-creme); opacity: 0.5; }
  .hg-lp-depo__pontos span.is-ativo { opacity: 1; }

  /* Mídia: no celular é outra arte (com o título), de largura total. */
  .hg-lp-midia { padding: 60px 0; }
  .hg-lp-midia__foto { width: 100%; }
  .hg-lp-midia__foto img { border-radius: 0; }

  /* FAQ: título 35px numa linha; perguntas Ayr 12px a cada 97px, com
     traço marrom de 2px. */
  .hg-lp-faq { padding: 100px 0 96px; }
  .hg-lp-faq__titulo { font-size: 35px; line-height: 37px; }
  .hg-lp-faq__lista { margin-top: 22px; }
  .hg-lp-faq__item { border-bottom-width: 2px; border-bottom-color: var(--hg-marrom); }
  .hg-lp-faq__pergunta { gap: 8px; padding: 54px 0 28px; font-size: 12px; line-height: 13px; }
  .hg-lp-faq__mais { font-size: 22px; line-height: 13px; }
  .hg-lp-faq__resposta { margin: -14px 0 24px; font-size: 12px; line-height: 16px; }

  /* CTA: título 37/40,5; a fachada de 578px centrada e cortada pela borda. */
  .hg-lp-cta__texto { padding-top: 56px; }
  .hg-lp-cta__pre { margin-bottom: 17px; font-size: 14px; line-height: 19px; }
  .hg-lp-cta__titulo { max-width: 352px; margin-bottom: 43px; font-size: 37px; line-height: 40.5px; }
  .hg-lp-cta .hg-btn { min-width: 311px; }
  .hg-lp-cta__foto { width: 578px; max-width: none; margin: 43px 0 0 calc(50% - 289px); }
  .hg-lp-cta__foto img { height: 266px; object-fit: cover; }

  /* Benefícios (medidos na Trabalhe conosco; na de franqueado o original
     deixa a faixa vazia no celular): ícone de 51px, título 20/22, texto
     12/16,2 e um item a cada 199px. */
  .hg-lp-beneficios { padding: 60px 0 49px; }
  .hg-lp-form + .hg-lp-beneficios { padding-top: 60px; }
  .hg-lp-beneficios__titulo { max-width: 312px; margin-inline: auto; font-size: 30px; line-height: 33px; }
  .hg-lp-beneficios__lista { gap: 32px; margin-top: 14px; padding-inline: 32px; }
  .hg-lp-beneficio { gap: 0; }
  .hg-lp-beneficio__icone { width: 51px; height: 51px; border-radius: 12px; }
  .hg-lp-beneficio__icone img { width: 28px; height: 28px; }
  .hg-lp-beneficio__titulo { max-width: 295px; margin-top: 15px; font-size: 20px; line-height: 22px; }
  .hg-lp-beneficio__texto { max-width: 230px; margin-top: 8px; font-size: 12px; line-height: 16.2px; }

  /* --- Trabalhe conosco (original @375) --- */
  .hg-lp-trabalhe-conosco .hg-lp-form__caixa { padding: 48px 32px 51px; }
  .hg-lp-trabalhe-conosco .hg-lp-form__titulo { font-size: 20px; line-height: 22px; }
  .hg-lp-trabalhe-conosco .hg-lp-form__apoio { margin: 8px auto 27px; font-size: 12px; line-height: 16.2px; }
  .hg-lp-trabalhe-conosco .hg-form__grade { gap: 10px; }
  .hg-lp-trabalhe-conosco .hg-form__rodape { flex-direction: column-reverse; gap: 20px; margin-top: 30px; }
  .hg-lp-trabalhe-conosco .hg-lp-form .wpcf7-submit { background: var(--hg-vermelho); }
  .hg-lp-trabalhe-conosco .hg-lp-historia { padding-top: 50px; }
  .hg-lp-trabalhe-conosco .hg-lp-historia__texto { margin-top: 9px; }
  .hg-lp-trabalhe-conosco .hg-lp-numeros { margin-top: 50px; }
  .hg-lp-trabalhe-conosco .hg-lp-cta__texto { padding-top: 70px; }
  .hg-lp-trabalhe-conosco .hg-lp-cta__pre { margin-bottom: 54px; font-size: 16px; line-height: 21.6px; }
  .hg-lp-trabalhe-conosco .hg-lp-cta__titulo { max-width: 283px; margin-bottom: 20px; font-size: 48px; line-height: 52.8px; }
  .hg-lp-trabalhe-conosco .hg-lp-cta .hg-btn { min-width: 289px; }
  .hg-lp-trabalhe-conosco .hg-lp-cta__foto { width: 660px; margin: -13px 0 0 calc(50% - 330px); }
  .hg-lp-trabalhe-conosco .hg-lp-cta__foto img { height: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .hg-lp-galeria__trilho, .hg-lp-dif__trilho { animation: none; }
  .hg-lp-galeria__area, .hg-lp-dif__area { overflow-x: auto; }
}