/* =========================================================
   SYRTECH — estilo do site
   Claro, confiável, com ar tecnológico (verde + roxo)
   ========================================================= */

:root {
  /* Marca */
  --roxo: #6C2BD9;
  --roxo-forte: #4C1D95;
  --roxo-claro: #F2ECFF;
  --verde: #10B981;
  --verde-forte: #047857;
  --verde-claro: #E6F8F1;
  --gradiente: linear-gradient(120deg, #10B981 0%, #3E8FD0 45%, #6C2BD9 100%);

  /* Neutros */
  --tinta: #15122B;
  --texto: #3B3953;
  --suave: #6A6884;
  --linha: #E6E3F0;
  --fundo: #FBFAFE;
  --branco: #FFFFFF;

  /* HEY (página do app) */
  --hey: #137A41;
  --hey-turquesa: #0E7C75;
  --hey-agua: #E0F4F5;
  --hey-manga: #8A5200;

  --raio: 18px;
  --raio-p: 12px;
  --sombra: 0 1px 2px rgba(21, 18, 43, .04), 0 8px 24px rgba(21, 18, 43, .06);
  --largura: 1160px;
  --fonte-titulo: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonte-texto: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--fonte-texto);
  font-size: 17px;
  line-height: 1.6;
  color: var(--texto);
  background: var(--fundo);
  -webkit-font-smoothing: antialiased;
}
img, svg { display: block; max-width: 100%; }
a { color: var(--roxo); text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { font-family: var(--fonte-titulo); color: var(--tinta); line-height: 1.12; margin: 0 0 .5em; letter-spacing: -.02em; }
h1 { font-size: clamp(2.3rem, 5.4vw, 4rem); font-weight: 600; }
h2 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); font-weight: 600; }
h3 { font-size: 1.22rem; font-weight: 600; letter-spacing: -.01em; }
p { margin: 0 0 1em; }
:focus-visible { outline: 3px solid var(--roxo); outline-offset: 3px; border-radius: 6px; }

.container { width: min(100% - 40px, var(--largura)); margin-inline: auto; }
.secao { padding: clamp(64px, 9vw, 112px) 0; }
.secao--branca { background: var(--branco); border-block: 1px solid var(--linha); }
.cabeca-secao { max-width: 720px; margin-bottom: 48px; }
.cabeca-secao--centro { margin-inline: auto; text-align: center; }
.cabeca-secao p { font-size: 1.1rem; color: var(--suave); }

.sobretitulo {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--fonte-titulo); font-size: .82rem; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase; color: var(--roxo);
  margin-bottom: 14px;
}
.sobretitulo::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--gradiente); }
.destaque-grad { background: var(--gradiente); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ---------- Botões ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 48px; padding: 0 24px; border-radius: 999px;
  font: 600 1rem/1 var(--fonte-texto); border: 1.5px solid transparent;
  cursor: pointer; transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
  text-decoration: none !important; white-space: nowrap;
}
.btn:hover { transform: translateY(-1px); }
.btn--primario { background: var(--roxo); color: #fff; }
.btn--primario:hover { background: var(--roxo-forte); box-shadow: 0 8px 20px rgba(108, 43, 217, .25); }
.btn--secundario { background: var(--branco); color: var(--tinta); border-color: var(--linha); }
.btn--secundario:hover { border-color: var(--roxo); color: var(--roxo); }
.btn--verde { background: var(--verde-forte); color: #fff; }
.btn--verde:hover { background: #036649; }
.btn--hey { background: var(--hey); color: #fff; }
.btn--hey:hover { background: #0f6636; }
.btn--whats { background: #1FAF5A; color: #fff; }
.btn--whats:hover { background: #18934b; }
.btn svg { width: 20px; height: 20px; flex: none; }
.btn .seta { transition: transform .15s ease; }
.btn:hover .seta { transform: translateX(3px); }
.acoes { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- Cabeçalho ---------- */
.topo {
  position: sticky; top: 0; z-index: 50;
  background: rgba(251, 250, 254, .86); backdrop-filter: saturate(160%) blur(14px);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid transparent; transition: border-color .2s ease;
}
.topo.rolou { border-bottom-color: var(--linha); }
.topo__barra { display: flex; align-items: center; gap: 24px; height: 72px; }
.logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none !important; }
.logo svg { width: 36px; height: 36px; }
.logo__nome { font-family: var(--fonte-titulo); font-weight: 700; font-size: 1.32rem; letter-spacing: .02em; color: var(--tinta); }
.logo__nome span { background: var(--gradiente); -webkit-background-clip: text; background-clip: text; color: transparent; }
.menu { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.menu a { color: var(--texto); font-weight: 500; font-size: .96rem; padding: 8px 14px; border-radius: 999px; text-decoration: none; }
.menu a:hover, .menu a[aria-current="page"] { background: var(--roxo-claro); color: var(--roxo-forte); }
.topo__acoes { display: flex; align-items: center; gap: 10px; }
.topo__acoes .btn { min-height: 42px; padding: 0 18px; font-size: .94rem; }

.idioma { position: relative; }
.idioma select {
  appearance: none; -webkit-appearance: none;
  height: 42px; padding: 0 34px 0 38px; border-radius: 999px;
  border: 1.5px solid var(--linha); background: var(--branco); color: var(--tinta);
  font: 600 .9rem var(--fonte-texto); cursor: pointer;
}
.idioma::before {
  content: ""; position: absolute; left: 13px; top: 50%; width: 17px; height: 17px; transform: translateY(-50%);
  background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236A6884' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3z'/%3E%3C/svg%3E");
  pointer-events: none;
}
.idioma::after {
  content: ""; position: absolute; right: 14px; top: 50%; width: 8px; height: 8px;
  border-right: 2px solid var(--suave); border-bottom: 2px solid var(--suave);
  transform: translateY(-70%) rotate(45deg); pointer-events: none;
}
.botao-menu { display: none; width: 44px; height: 44px; border-radius: 12px; border: 1.5px solid var(--linha); background: var(--branco); cursor: pointer; align-items: center; justify-content: center; }
.botao-menu span, .botao-menu span::before, .botao-menu span::after { display: block; width: 18px; height: 2px; background: var(--tinta); border-radius: 2px; position: relative; content: ""; }
.botao-menu span::before { position: absolute; top: -6px; }
.botao-menu span::after { position: absolute; top: 6px; }

/* ---------- Hero ---------- */
.hero { position: relative; overflow: hidden; padding: clamp(56px, 8vw, 104px) 0 clamp(64px, 8vw, 96px); }
.hero::before {
  content: ""; position: absolute; inset: 0; z-index: -2;
  background-image:
    linear-gradient(rgba(108, 43, 217, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(108, 43, 217, .06) 1px, transparent 1px);
  background-size: 44px 44px;
  -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 30%, #000 30%, transparent 75%);
  mask-image: radial-gradient(ellipse 80% 70% at 50% 30%, #000 30%, transparent 75%);
}
.hero::after {
  content: ""; position: absolute; z-index: -1; width: 900px; height: 900px; right: -300px; top: -380px;
  background: radial-gradient(circle at 30% 60%, rgba(16, 185, 129, .16), transparent 55%),
              radial-gradient(circle at 70% 40%, rgba(108, 43, 217, .18), transparent 55%);
  filter: blur(10px);
}
.hero__grade { display: grid; grid-template-columns: 1.08fr .92fr; gap: 56px; align-items: center; }
.hero__texto p.lead { font-size: 1.2rem; color: var(--texto); max-width: 560px; margin-bottom: 30px; }
.hero__nota { display: flex; align-items: center; gap: 10px; margin-top: 26px; font-size: .94rem; color: var(--suave); }
.hero__nota svg { width: 20px; height: 20px; color: var(--verde-forte); flex: none; }

/* Painel visual do hero */
.painel {
  position: relative; background: var(--branco); border: 1px solid var(--linha);
  border-radius: 28px; padding: 22px; box-shadow: 0 30px 60px -20px rgba(76, 29, 149, .22);
}
.painel__barra { display: flex; gap: 6px; margin-bottom: 18px; }
.painel__barra i { width: 10px; height: 10px; border-radius: 50%; background: var(--linha); }
.painel__grade { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.tile { aspect-ratio: 1; border-radius: 20px; display: grid; place-items: center; position: relative; }
.tile--hey { background: var(--hey); grid-column: span 2; grid-row: span 2; aspect-ratio: auto; padding: 22px; place-items: start; align-content: space-between; color: #fff; }
.tile--hey svg { width: 64px; height: 64px; }
.tile--hey b { font-family: var(--fonte-titulo); font-size: 1.7rem; letter-spacing: .02em; }
.tile--hey small { display: block; opacity: .85; font-size: .86rem; }
.tile--off { background: repeating-linear-gradient(135deg, #F1F0F5 0 8px, #ECEAF2 8px 16px); border: 1px dashed #D4D1DE; }
.tile--off span { font: 600 .7rem var(--fonte-titulo); letter-spacing: .1em; color: #8B899E; text-transform: uppercase; }
.flutuante {
  position: absolute; display: flex; align-items: center; gap: 10px;
  background: var(--branco); border: 1px solid var(--linha); border-radius: 14px; padding: 10px 14px;
  box-shadow: var(--sombra); font-size: .86rem; font-weight: 600; color: var(--tinta);
}
.flutuante i { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; font-style: normal; }
.flutuante--a { left: -28px; bottom: 34px; }
.flutuante--a i { background: var(--verde-claro); color: var(--verde-forte); }
.flutuante--b { right: -20px; top: 70px; }
.flutuante--b i { background: var(--roxo-claro); color: var(--roxo); }

/* ---------- Vitrine de apps ---------- */
.vitrine { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 20px; }
.app-card {
  position: relative; background: var(--branco); border: 1px solid var(--linha); border-radius: 24px;
  padding: 28px; display: flex; flex-direction: column; gap: 16px; min-height: 340px; overflow: hidden;
}
.app-card--hey { grid-row: span 2; background: linear-gradient(160deg, #F4FBF7 0%, #FFFFFF 55%); border-color: #CFE9DA; }
.app-card--hey::after {
  content: ""; position: absolute; right: -80px; bottom: -80px; width: 260px; height: 260px; border-radius: 50%;
  background: radial-gradient(circle, rgba(19, 122, 65, .14), transparent 70%);
}
.app-card__icone { width: 72px; height: 72px; border-radius: 20px; display: grid; place-items: center; }
.app-card__icone svg { width: 72px; height: 72px; }
.app-card h3 { font-size: 1.6rem; margin: 0; }
.app-card p { color: var(--suave); margin: 0; }
.selo { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; padding: 6px 12px; border-radius: 999px; font: 600 .78rem var(--fonte-titulo); letter-spacing: .04em; text-transform: uppercase; }
.selo--roxo { background: var(--roxo-claro); color: var(--roxo-forte); }
.selo--verde { background: var(--verde-claro); color: var(--verde-forte); }
.selo--verde::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--verde); box-shadow: 0 0 0 3px rgba(16, 185, 129, .25); }
.app-card__lista { list-style: none; padding: 0; margin: 4px 0 0; display: grid; gap: 10px; }
.app-card__lista li { display: flex; gap: 10px; align-items: flex-start; color: var(--texto); font-size: .97rem; }
.app-card__lista li::before { content: ""; flex: none; width: 20px; height: 20px; margin-top: 2px; border-radius: 6px; background: var(--hey-agua) no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E7C75' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
.app-card__rodape { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 14px; position: relative; z-index: 1; }

.app-card--breve { min-height: 260px; background: #F7F6FA; }
.app-card--breve .conteudo-oculto { filter: grayscale(1) blur(5px); opacity: .55; display: flex; flex-direction: column; gap: 16px; user-select: none; pointer-events: none; }
.forma { border-radius: 18px; background: #CFCDD8; }
.linha-fake { height: 12px; border-radius: 6px; background: #D9D7E1; }
.app-card--breve .tarja {
  position: absolute; inset: 0; display: grid; place-items: center; z-index: 2;
}
.app-card--breve .tarja span {
  font: 700 .95rem var(--fonte-titulo); letter-spacing: .16em; text-transform: uppercase; color: var(--tinta);
  background: rgba(255, 255, 255, .92); border: 1.5px solid var(--tinta); padding: 10px 18px; border-radius: 999px;
}

/* ---------- Cartões gerais ---------- */
.grade-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.grade-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.grade-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.cartao { background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio); padding: 28px; }
.cartao p { color: var(--suave); margin: 0; }
.cartao__icone { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; margin-bottom: 20px; }
.cartao__icone svg { width: 24px; height: 24px; }
.ic-roxo { background: var(--roxo-claro); color: var(--roxo); }
.ic-verde { background: var(--verde-claro); color: var(--verde-forte); }
.ic-misto { background: linear-gradient(135deg, var(--verde-claro), var(--roxo-claro)); color: var(--roxo-forte); }
.cartao--numero { position: relative; }
.cartao--numero .num { font: 600 .85rem var(--fonte-titulo); color: var(--roxo); letter-spacing: .08em; display: block; margin-bottom: 14px; }

/* Faixa de chamada */
.faixa {
  position: relative; overflow: hidden; border-radius: 28px; padding: clamp(36px, 6vw, 64px);
  background: var(--tinta); color: #DCD9EC; display: grid; grid-template-columns: 1.4fr 1fr; gap: 32px; align-items: center;
}
.faixa::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 90% 0%, rgba(108, 43, 217, .55), transparent 50%), radial-gradient(circle at 0% 100%, rgba(16, 185, 129, .35), transparent 45%); }
.faixa > * { position: relative; }
.faixa h2 { color: #fff; }
.faixa p { margin: 0; font-size: 1.1rem; }
.faixa .acoes { justify-content: flex-end; }
.faixa .btn--secundario { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .35); }
.faixa .btn--secundario:hover { border-color: #fff; color: #fff; }
.faixa .btn--primario { background: #fff; color: var(--roxo-forte); }

/* Contato */
.contato { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.contato__caixa { background: var(--branco); border: 1px solid var(--linha); border-radius: 24px; padding: 32px; display: grid; gap: 14px; }
.contato__linha { display: flex; align-items: center; gap: 14px; }
.contato__linha .cartao__icone { margin: 0; flex: none; }
.contato__linha strong { display: block; color: var(--tinta); }
.contato__linha span { color: var(--suave); font-size: .95rem; }

/* ---------- Páginas internas ---------- */
.hero-interno { padding: clamp(48px, 7vw, 88px) 0 clamp(40px, 5vw, 64px); position: relative; overflow: hidden; }
.hero-interno::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse 60% 80% at 100% 0%, rgba(108, 43, 217, .10), transparent 60%), radial-gradient(ellipse 50% 70% at 0% 100%, rgba(16, 185, 129, .10), transparent 60%); }
.hero-interno .lead { font-size: 1.18rem; max-width: 680px; }

/* Passos */
.passos { counter-reset: passo; display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.passo { position: relative; background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio); padding: 24px 22px; }
.passo::before { counter-increment: passo; content: counter(passo, decimal-leading-zero); display: block; font: 700 1.5rem var(--fonte-titulo); margin-bottom: 14px; background: var(--gradiente); -webkit-background-clip: text; background-clip: text; color: transparent; }
.passo h3 { font-size: 1.06rem; }
.passo p { font-size: .95rem; color: var(--suave); margin: 0; }

/* Quem faz o quê */
.lado { border-radius: 24px; padding: 32px; border: 1px solid var(--linha); background: var(--branco); }
.lado--voce { border-top: 4px solid var(--verde); }
.lado--nos { border-top: 4px solid var(--roxo); }
.lista-check { list-style: none; padding: 0; margin: 16px 0 0; display: grid; gap: 12px; }
.lista-check li { display: flex; gap: 12px; align-items: flex-start; }
.lista-check li::before { content: ""; flex: none; width: 22px; height: 22px; margin-top: 1px; border-radius: 50%; background: var(--roxo-claro) no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236C2BD9' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
.lado--voce .lista-check li::before { background-color: var(--verde-claro); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }

/* Dois caminhos (parcerias) */
.caminho { display: flex; flex-direction: column; gap: 14px; border-radius: 24px; padding: 32px; border: 1px solid var(--linha); background: var(--branco); }
.caminho h3 { font-size: 1.6rem; margin: 0; }
.caminho p { color: var(--suave); margin: 0; }
.caminho .lista-check { margin: 4px 0 8px; }
.caminho .btn { align-self: flex-start; margin-top: auto; }
.caminho--verde { background: linear-gradient(160deg, var(--verde-claro) 0%, #fff 55%); border-color: #C9EEDD; }
.caminho--roxo { background: linear-gradient(160deg, var(--roxo-claro) 0%, #fff 55%); border-color: #E1D5FB; }
.caminho--verde .lista-check li::before { background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }

/* FAQ */
.faq { display: grid; gap: 12px; max-width: 820px; margin-inline: auto; }
.faq details { background: var(--branco); border: 1px solid var(--linha); border-radius: 16px; padding: 0 24px; }
.faq summary { cursor: pointer; list-style: none; padding: 20px 0; font: 600 1.05rem var(--fonte-titulo); color: var(--tinta); display: flex; justify-content: space-between; gap: 16px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; font-size: 1.4rem; line-height: 1; color: var(--roxo); transition: transform .2s; }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq details p { color: var(--suave); padding-bottom: 20px; margin: 0; }

/* Formulários */
.form-bloco { display: grid; grid-template-columns: .9fr 1.1fr; gap: 48px; align-items: start; }
.form { background: var(--branco); border: 1px solid var(--linha); border-radius: 24px; padding: clamp(24px, 4vw, 40px); display: grid; gap: 18px; }
.campo { display: grid; gap: 7px; }
.campo label, .campo legend { font-weight: 600; color: var(--tinta); font-size: .95rem; }
.campo .opcional { font-weight: 400; color: var(--suave); }
.campo input, .campo textarea, .campo select {
  width: 100%; font: 16px var(--fonte-texto); color: var(--tinta);
  padding: 13px 15px; border-radius: 12px; border: 1.5px solid var(--linha); background: var(--fundo);
  transition: border-color .15s, box-shadow .15s;
}
.campo textarea { min-height: 130px; resize: vertical; }
.campo input:focus, .campo textarea:focus, .campo select:focus { outline: none; border-color: var(--roxo); box-shadow: 0 0 0 4px rgba(108, 43, 217, .12); background: #fff; }
.duas-colunas { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
fieldset.campo { border: 0; padding: 0; margin: 0; }
.opcoes { display: flex; flex-wrap: wrap; gap: 8px; }
.opcoes label { font-weight: 500; display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1.5px solid var(--linha); border-radius: 999px; cursor: pointer; font-size: .93rem; background: var(--fundo); }
.opcoes input { accent-color: var(--roxo); margin: 0; }
.opcoes label:has(input:checked) { border-color: var(--roxo); background: var(--roxo-claro); color: var(--roxo-forte); }
.aceite { display: flex; gap: 10px; align-items: flex-start; font-size: .92rem; color: var(--texto); }
.aceite input { margin-top: 4px; width: 18px; height: 18px; accent-color: var(--roxo); flex: none; }
.aviso { display: flex; gap: 10px; padding: 12px 14px; border-radius: 12px; background: #FFF6E5; color: #7A4A00; font-size: .9rem; }
.aviso svg { width: 18px; height: 18px; flex: none; margin-top: 2px; }
.mensagem-form { display: none; padding: 14px 16px; border-radius: 12px; font-size: .95rem; }
.mensagem-form.ok { display: block; background: var(--verde-claro); color: var(--verde-forte); }
.mensagem-form.erro { display: block; background: #FDECEC; color: #A1281D; }
.isca { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* ---------- Destaque do HEY na Home ---------- */
.chips-hey { display: flex; flex-wrap: wrap; gap: 8px; }
.chips-hey span { display: inline-flex; align-items: center; gap: 7px; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.28); color: #fff; border-radius: 999px; padding: 6px 12px 6px 7px; font-size: .8rem; font-weight: 600; backdrop-filter: blur(4px); }
.chips-hey i { width: 20px; height: 20px; border-radius: 50%; background: #fff; color: var(--hey); display: grid; place-items: center; font-style: normal; font-size: .72rem; }
.chips-hey em { font-style: normal; }
.destaque-hey { position: relative; overflow: hidden; padding: clamp(64px, 9vw, 112px) 0; background: linear-gradient(180deg, #F2FAFA 0%, #E6F4EC 100%); border-block: 1px solid #D6EADF; }
.destaque-hey::after { content: ""; position: absolute; right: -180px; top: -160px; width: 620px; height: 620px; border-radius: 50%; background: radial-gradient(circle, rgba(19, 122, 65, .18), transparent 65%); }
.destaque-hey .container { position: relative; z-index: 1; }
.destaque-hey__grade { display: grid; grid-template-columns: 1.15fr .85fr; gap: 56px; align-items: center; }
.destaque-hey h2 { font-family: "Poppins", var(--fonte-titulo); font-weight: 500; color: #2E2420; font-size: clamp(1.9rem, 3.6vw, 2.8rem); }
.destaque-hey__texto { font-size: 1.15rem; color: #5D4037; max-width: 600px; }
.sobretitulo--hey { color: var(--hey); }
.sobretitulo--hey::before { background: var(--hey); }
.beneficios-hey { list-style: none; padding: 0; margin: 24px 0 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; }
.beneficios-hey li { display: flex; gap: 10px; align-items: flex-start; color: #2E2420; font-weight: 500; font-size: .98rem; }
.beneficios-hey li::before { content: ""; flex: none; width: 22px; height: 22px; margin-top: 1px; border-radius: 50%; background: var(--hey) no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }

/* ---------- Página HEY ---------- */
.num-hey { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--hey); color: #fff; font: 600 1.1rem "Poppins", var(--fonte-titulo); margin-bottom: 16px; }
.confianca-hey { list-style: none; padding: 0; margin: 40px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.confianca-hey li { background: var(--hey-agua); color: #0B5F5A; border-radius: 14px; padding: 14px 16px; font-weight: 600; font-size: .92rem; display: flex; gap: 10px; align-items: flex-start; }
.confianca-hey li::before { content: "✓"; font-weight: 700; }
.em-breve-hey { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin: 20px auto 0; max-width: 860px; padding: 16px 20px; border: 1px dashed #E8C98D; border-radius: 16px; background: #FFFBF2; }
.em-breve-hey p { margin: 0; color: #5D4037; flex: 1 1 300px; }
.selo--manga { background: #FDEFD3; color: var(--hey-manga); }
.pagina-hey .hero-hey { position: relative; overflow: hidden; padding: clamp(48px, 7vw, 96px) 0; background: linear-gradient(180deg, #F2FAFA 0%, var(--fundo) 100%); }
.pagina-hey .hero-hey::after { content: ""; position: absolute; right: -200px; top: -200px; width: 640px; height: 640px; border-radius: 50%; background: radial-gradient(circle, rgba(19, 122, 65, .16), transparent 65%); z-index: 0; }
.hero-hey .container { position: relative; z-index: 1; }
.hero-hey__grade { display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; }
.hero-hey h1 { font-family: "Poppins", var(--fonte-titulo); font-weight: 500; color: #2E2420; }
.hero-hey .lead { font-size: 1.2rem; color: #5D4037; max-width: 540px; }
.marca-hey { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-bottom: 22px; }
.marca-hey svg { width: 56px; height: 56px; }
.marca-hey > span:first-child { display: block; line-height: 0; }
.marca-hey b { line-height: 1; }
.marca-hey b { font: 600 2rem "Poppins", var(--fonte-titulo); color: #2E2420; letter-spacing: .02em; }
.selo--hey { background: var(--hey-agua); color: var(--hey-turquesa); }
.celular {
  width: min(320px, 100%); margin-inline: auto; aspect-ratio: 9 / 18.5; border-radius: 44px; padding: 12px;
  background: #1D1A1A; box-shadow: 0 40px 80px -30px rgba(19, 122, 65, .45);
}
.celular__tela { height: 100%; border-radius: 34px; background: #F2FAFA; overflow: hidden; display: flex; flex-direction: column; font-family: "Poppins", var(--fonte-texto); }
.celular__topo { padding: 22px 18px 12px; display: flex; align-items: center; gap: 10px; background: #fff; border-bottom: 1px solid #E3EEEE; }
.celular__topo svg { width: 32px; height: 32px; }
.celular__topo b { color: #2E2420; font-weight: 600; }
.celular__conversa { flex: 1; padding: 16px 14px; display: flex; flex-direction: column; gap: 10px; font-size: .82rem; }
.balao { max-width: 82%; padding: 10px 13px; border-radius: 16px; line-height: 1.4; }
.balao--eu { align-self: flex-end; background: var(--hey); color: #fff; border-bottom-right-radius: 4px; }
.balao--hey { align-self: flex-start; background: #fff; color: #2E2420; border: 1px solid #DDEDEC; border-bottom-left-radius: 4px; }
.balao--hey small { display: block; color: var(--hey-turquesa); margin-top: 6px; font-size: .72rem; }
.foto-prato { align-self: flex-end; width: 62%; aspect-ratio: 4 / 3; border-radius: 16px; background: radial-gradient(circle at 42% 44%, #EFE3B8 0 12%, transparent 13%), radial-gradient(circle at 60% 44%, #6B3F2A 0 10%, transparent 11%), radial-gradient(circle at 50% 64%, #7DBB5A 0 12%, transparent 13%), radial-gradient(circle at 50% 50%, #fff 0 34%, #F0E6D8 35% 38%, transparent 39%), #D8C6AE; }
.recursos-hey .cartao__icone { background: var(--hey-agua); color: var(--hey-turquesa); }
.aviso-hey { display: flex; gap: 12px; padding: 18px 20px; border-radius: 16px; background: #FFF7E8; color: var(--hey-manga); border: 1px solid #F6E2BC; max-width: 860px; margin: 40px auto 0; }
.aviso-hey svg { width: 22px; height: 22px; flex: none; }
.espera { display: flex; gap: 10px; flex-wrap: wrap; max-width: 520px; }
.espera input { flex: 1 1 240px; font: 16px var(--fonte-texto); padding: 13px 16px; border-radius: 999px; border: 1.5px solid var(--linha); background: #fff; }
.espera input:focus { outline: none; border-color: var(--hey); box-shadow: 0 0 0 4px rgba(19, 122, 65, .14); }
.pequeno { font-size: .86rem; color: var(--suave); margin-top: 10px; }

/* ---------- Páginas legais ---------- */
.legal { max-width: 780px; margin-inline: auto; }
.legal h2 { font-size: 1.3rem; margin-top: 2em; }
.legal p { color: var(--texto); }
.legal .aviso { margin: 24px 0 8px; }
.atualizado { color: var(--suave); font-size: .95rem; }

/* ---------- Rodapé ---------- */
.rodape { background: var(--branco); border-top: 1px solid var(--linha); padding: 64px 0 28px; margin-top: 0; }
.rodape__grade { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 32px; }
.rodape h4 { font-size: .82rem; text-transform: uppercase; letter-spacing: .08em; color: var(--suave); margin-bottom: 16px; }
.rodape ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.rodape ul a { color: var(--texto); }
.rodape__marca p { color: var(--suave); max-width: 320px; margin-top: 14px; }
.rodape__fim { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-top: 1px solid var(--linha); margin-top: 48px; padding-top: 24px; font-size: .88rem; color: var(--suave); }

/* Botão flutuante WhatsApp */
.whats-flutuante {
  position: fixed; right: 20px; bottom: 20px; z-index: 60; width: 58px; height: 58px; border-radius: 50%;
  background: #1FAF5A; color: #fff; display: grid; place-items: center; box-shadow: 0 10px 24px rgba(31, 175, 90, .4);
  transition: transform .15s;
}
.whats-flutuante:hover { transform: scale(1.06); }
.whats-flutuante svg { width: 30px; height: 30px; }

/* Animação de entrada */
.revelar { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
.revelar.visivel { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .revelar { opacity: 1; transform: none; transition: none; }
  .btn, .btn .seta { transition: none; }
}

/* ---------- Responsivo ---------- */
@media (max-width: 1080px) {
  .passos { grid-template-columns: repeat(3, 1fr); }
  .grade-4, .confianca-hey { grid-template-columns: repeat(2, 1fr); }
  .rodape__grade { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 920px) {
  .menu {
    position: fixed; inset: 72px 0 auto 0; flex-direction: column; align-items: stretch; gap: 2px;
    background: var(--branco); border-bottom: 1px solid var(--linha); padding: 12px 20px 20px;
    transform: translateY(-8px); opacity: 0; pointer-events: none; transition: .2s ease;
  }
  .menu.aberto { transform: none; opacity: 1; pointer-events: auto; }
  .menu a { padding: 14px 12px; font-size: 1.05rem; }
  .botao-menu { display: inline-flex; }
  .topo__acoes .btn { display: none; }
  .topo__acoes { margin-left: auto; }
  .hero__grade, .hero-hey__grade, .destaque-hey__grade, .contato, .form-bloco, .faixa { grid-template-columns: 1fr; }
  .faixa .acoes { justify-content: flex-start; }
  .vitrine { grid-template-columns: 1fr 1fr; }
  .app-card--hey { grid-column: span 2; grid-row: auto; }
  .grade-3 { grid-template-columns: 1fr; }
  .painel { max-width: 520px; }
  .flutuante--a { left: 8px; }
  .flutuante--b { right: 8px; }
}
@media (max-width: 640px) {
  body { font-size: 16px; }
  .caminho .btn { align-self: stretch; }
  .vitrine, .grade-2, .grade-4, .passos, .duas-colunas, .beneficios-hey, .confianca-hey { grid-template-columns: 1fr; }
  .app-card--hey { grid-column: auto; }
  .rodape__grade { grid-template-columns: 1fr; }
  .idioma select { padding-right: 28px; padding-left: 34px; }
  .logo__nome { font-size: 1.15rem; }
  .acoes .btn { width: 100%; }
  .flutuante { display: none; }
}

/* v3 — ajustes */
.painel__grade { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.marca-hey .selo { align-self: center; }
@media (max-width: 640px) {
  .tile--hey { padding: 14px; }
  .tile--hey svg { width: 44px; height: 44px; }
  .tile--hey b { font-size: 1.3rem; }
  .chips-hey { gap: 6px; }
  .chips-hey span { font-size: .7rem; padding: 4px 9px 4px 5px; }
  .chips-hey i { width: 16px; height: 16px; font-size: .6rem; }
  .tile--off span { font-size: .6rem; letter-spacing: .06em; }
  .painel { padding: 16px; }
  .painel__grade { gap: 10px; }
}

/* =========================================================
   v5 — Área do criador, painel, passo a passo e página do app
   ========================================================= */
.voltar { display: inline-block; color: var(--suave); font-weight: 500; font-size: .95rem; margin-bottom: 10px; }
.selo--cinza { background: #EEEDF3; color: #55536B; }
.selo--vermelho { background: #FDECEC; color: #A1281D; }

/* Acesso (entrar / cadastro) */
.acesso-grade { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.area-acesso h1 { font-size: clamp(2rem, 4vw, 3rem); }
.mini-passos { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 10px; }
.mini-passos li { display: flex; gap: 12px; align-items: center; font-weight: 500; color: var(--tinta); }
.mini-passos b { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--roxo-claro); color: var(--roxo); font-family: var(--fonte-titulo); }

/* Painel Meus apps */
.painel-topo { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; }
.painel-topo form { margin: 0; }
.trilha-status { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 16px 0 28px; }
.trilha-status div { background: var(--branco); border: 1px solid var(--linha); border-radius: 16px; padding: 16px 18px; display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; }
.trilha-status b { grid-row: span 2; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--gradiente); color: #fff; font-family: var(--fonte-titulo); }
.trilha-status span { font-weight: 600; color: var(--tinta); }
.trilha-status small { color: var(--suave); }
.vazio { text-align: center; background: var(--branco); border: 1px dashed var(--linha); border-radius: 24px; padding: 48px 24px; }
.vazio h2 { font-size: 1.5rem; }
.lista-apps { display: grid; gap: 14px; }
.item-app { display: grid; grid-template-columns: 64px 1fr auto; gap: 18px; align-items: center; background: var(--branco); border: 1px solid var(--linha); border-radius: 20px; padding: 18px 20px; }
.item-app__icone { width: 64px; height: 64px; border-radius: 16px; overflow: hidden; background: #F1F0F5; display: grid; place-items: center; color: var(--suave); font-weight: 700; }
.item-app__icone img { width: 100%; height: 100%; object-fit: cover; }
.item-app h3 { margin: 0 0 6px; }
.item-app p { margin: 0; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.item-app__acoes { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.item-app__acoes .btn { min-height: 42px; padding: 0 16px; font-size: .92rem; }
.motivo { margin-top: 8px !important; padding: 10px 12px; border-radius: 10px; background: #FFF6E5; color: #7A4A00; font-size: .92rem; display: block !important; }

/* Passo a passo */
.assistente { display: grid; grid-template-columns: 260px 1fr; gap: 28px; align-items: start; }
.etapas { display: grid; gap: 8px; position: sticky; top: 92px; }
.etapa { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--linha); background: var(--branco); color: var(--texto); font-weight: 500; text-decoration: none !important; }
.etapa b { width: 30px; height: 30px; flex: none; border-radius: 50%; display: grid; place-items: center; background: #EEEDF3; color: var(--suave); font-family: var(--fonte-titulo); }
.etapa.feita b { background: var(--verde-claro); color: var(--verde-forte); }
.etapa.atual { border-color: var(--roxo); box-shadow: 0 0 0 3px rgba(108, 43, 217, .12); color: var(--tinta); }
.etapa.atual b { background: var(--roxo); color: #fff; }
.assistente__corpo { display: grid; gap: 14px; }
.titulo-etapa { font-size: 1.5rem; margin: 0; }
.ajuda { color: var(--suave); margin: -6px 0 4px; }
.acoes--form { justify-content: flex-end; border-top: 1px solid var(--linha); padding-top: 18px; margin-top: 6px; }
.linha-upload { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.miniatura-icone { width: 72px; height: 72px; border-radius: 18px; object-fit: cover; border: 1px solid var(--linha); }
.grade-miniaturas { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; margin-bottom: 8px; }
.miniatura { display: grid; gap: 6px; font-weight: 400 !important; font-size: .85rem; color: var(--suave); }
.miniatura img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; border: 1px solid var(--linha); }
.campo input[type="file"] { padding: 10px; background: var(--branco); }
.checklist { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.checklist li { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--linha); }
.checklist li b { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-size: .85rem; }
.checklist li.ok b { background: var(--verde-claro); color: var(--verde-forte); }
.checklist li.pendente b { background: #FFF1D6; color: #8A5200; }
.checklist li a { margin-left: auto; font-weight: 600; }
.btn:disabled { opacity: .5; cursor: not-allowed; transform: none; }

/* Página do app */
.faixa-previa { background: var(--tinta); color: #E9E6F7; font-size: .92rem; padding: 10px 0; }
.faixa-previa a { color: #C9B6FF; }
.faixa-previa .selo { vertical-align: middle; }
.app-topo { display: grid; grid-template-columns: 1fr 340px; gap: 40px; align-items: start; }
.app-ident { display: flex; gap: 20px; align-items: center; margin: 8px 0 18px; }
.app-icone-grande { width: 96px; height: 96px; border-radius: 24px; object-fit: cover; border: 1px solid var(--linha); background: #fff; }
.app-ident h1 { font-size: clamp(2rem, 4vw, 3rem); margin: 0 0 6px; }
.app-meta { color: var(--suave); margin: 0; }
.caixa-compra { background: var(--branco); border: 1px solid var(--linha); border-radius: 24px; padding: 24px; display: grid; gap: 12px; box-shadow: var(--sombra); position: sticky; top: 92px; }
.caixa-compra__preco { font: 600 2rem var(--fonte-titulo); color: var(--tinta); }
.caixa-compra .btn { width: 100%; }
.galeria-app { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; }
.galeria-app img { height: 360px; width: auto; max-width: 85vw; border-radius: 18px; border: 1px solid var(--linha); scroll-snap-align: start; object-fit: cover; }
.app-corpo { display: grid; grid-template-columns: 1.4fr 1fr; gap: 32px; align-items: start; }
.texto-longo { color: var(--texto); font-size: 1.05rem; }
.app-lateral { display: grid; gap: 14px; }
.app-lateral .cartao p { color: var(--texto); }

/* Vitrine: cartões dos criadores */
.app-card--criador { min-height: 260px; }
.app-card__topo { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.app-card__img { width: 64px; height: 64px; border-radius: 16px; object-fit: cover; border: 1px solid var(--linha); }
.app-card--criador h3 { font-size: 1.3rem; }
.app-card__preco { font-weight: 600; color: var(--tinta); }

/* Admin */
.abas-status { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.abas-status a { padding: 9px 14px; border-radius: 999px; border: 1px solid var(--linha); background: var(--branco); color: var(--texto); font-weight: 500; text-decoration: none; }
.abas-status a.atual { border-color: var(--roxo); background: var(--roxo-claro); color: var(--roxo-forte); }
.abas-status b { margin-left: 4px; }
.admin-detalhe { display: grid; gap: 16px; }

@media (max-width: 920px) {
  .acesso-grade, .assistente, .app-topo, .app-corpo { grid-template-columns: 1fr; }
  .etapas { position: static; grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .etapa { flex-direction: column; text-align: center; font-size: .78rem; padding: 10px 6px; gap: 6px; }
  .caixa-compra { position: static; }
}
@media (max-width: 640px) {
  .trilha-status { grid-template-columns: 1fr; }
  .item-app { grid-template-columns: 52px 1fr; }
  .item-app__icone { width: 52px; height: 52px; }
  .item-app__acoes { grid-column: 1 / -1; justify-content: stretch; }
  .item-app__acoes .btn { flex: 1; }
  .etapa span { display: none; }
  .galeria-app img { height: 260px; }
}
@media (max-width: 1240px) and (min-width: 921px) {
  .menu a { padding: 8px 10px; font-size: .9rem; }
  .topo__barra { gap: 14px; }
}
@media (max-width: 1100px) and (min-width: 921px) {
  .topo__acoes .btn { display: none; }
}

/* =========================================================
   v6 — Página do HEY (landing de download, com animações)
   ========================================================= */
.sem-rolagem { overflow: hidden; }
.lp-hero { position: relative; overflow: hidden; padding: clamp(40px, 6vw, 80px) 0 clamp(56px, 7vw, 96px); background: linear-gradient(180deg, #F2FAFA 0%, #EAF6EF 100%); }
.lp-hero__grade { display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; }
.lp-hero h1 { font-family: "Poppins", var(--fonte-titulo); font-weight: 600; color: #2E2420; font-size: clamp(2.4rem, 5.4vw, 4.1rem); line-height: 1.05; }
.lp-hero .lead { font-size: 1.2rem; color: #5D4037; max-width: 560px; }
.lojas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.lojas--centro { justify-content: center; }
.loja { display: inline-flex; align-items: center; gap: 10px; min-height: 56px; padding: 8px 18px 8px 14px; border-radius: 14px; border: 1.5px solid #1D1A1A; background: #1D1A1A; color: #fff; cursor: pointer; font-family: var(--fonte-texto); text-align: left; transition: transform .15s ease, box-shadow .15s ease; }
.loja:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(29, 26, 26, .25); }
.loja svg { width: 26px; height: 26px; flex: none; }
.loja span { display: grid; line-height: 1.1; }
.loja small { font-size: .7rem; opacity: .8; }
.loja b { font-size: 1.08rem; font-weight: 600; }
.loja--clara { background: #fff; color: #1D1A1A; border-color: #D6E5E0; }
.loja-nota { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; font-size: .9rem; color: var(--hey); font-weight: 600; }
.ponto-vivo { width: 9px; height: 9px; border-radius: 50%; background: #22B864; box-shadow: 0 0 0 0 rgba(34, 184, 100, .6); animation: pulso 1.8s infinite; }
@keyframes pulso { 0% { box-shadow: 0 0 0 0 rgba(34, 184, 100, .55); } 70% { box-shadow: 0 0 0 10px rgba(34, 184, 100, 0); } 100% { box-shadow: 0 0 0 0 rgba(34, 184, 100, 0); } }
.lp-pilulas { list-style: none; padding: 0; margin: 22px 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
.lp-pilulas li { padding: 7px 13px; border-radius: 999px; background: #fff; border: 1px solid #D6EADF; color: #2E2420; font-size: .88rem; font-weight: 500; }
.lp-pilulas li::before { content: "✓ "; color: var(--hey); font-weight: 700; }

.lp-hero__visual { position: relative; display: grid; place-items: center; }
.lp-blob { position: absolute; width: 420px; height: 420px; border-radius: 46% 54% 52% 48%; background: radial-gradient(circle at 30% 30%, #BFE8D0, #9AD8C9 60%, #CDEFE9); animation: blob 12s ease-in-out infinite; z-index: 0; }
@keyframes blob { 50% { border-radius: 54% 46% 45% 55%; transform: rotate(8deg) scale(1.04); } }
.lp-celular { position: relative; z-index: 1; }
.lp-celular .celular__conversa { overflow-y: auto; scroll-behavior: smooth; scrollbar-width: none; }
.lp-celular .celular__conversa::-webkit-scrollbar { display: none; }
.lp-flutua { position: absolute; z-index: 2; display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #DDEDEC; border-radius: 14px; padding: 10px 14px; font-weight: 600; font-size: .86rem; color: #2E2420; box-shadow: 0 12px 28px rgba(19, 122, 65, .16); animation: flutua 5s ease-in-out infinite; }
.lp-flutua b { width: 24px; height: 24px; border-radius: 8px; display: grid; place-items: center; background: var(--hey-agua); color: var(--hey); font-size: .8rem; }
.lp-flutua--a { left: 0; top: 22%; }
.lp-flutua--b { right: 0; bottom: 20%; animation-delay: -2.5s; }
@keyframes flutua { 50% { transform: translateY(-10px); } }

/* Mensagens que aparecem em sequência */
.lp-msg { display: none; }
.lp-msg.on { display: block; animation: entra .38s ease both; }
.lp-msg.off { display: none; }
.foto-prato.lp-msg.on, .foto-geladeira.lp-msg.on { display: block; }
.lp-notif.lp-msg.on, .lp-resumo.lp-msg.on { display: flex; }
@keyframes entra { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
.lp-digitando { width: 58px; display: none; }
.lp-digitando.on { display: flex !important; gap: 4px; align-items: center; }
.lp-digitando.on.off { display: none !important; }
.lp-digitando i { width: 7px; height: 7px; border-radius: 50%; background: #9BB8B5; animation: pula 1s infinite; }
.lp-digitando i:nth-child(2) { animation-delay: .15s; }
.lp-digitando i:nth-child(3) { animation-delay: .3s; }
@keyframes pula { 0%, 60%, 100% { transform: translateY(0); opacity: .5; } 30% { transform: translateY(-4px); opacity: 1; } }
.foto-prato--cafe { background: radial-gradient(circle at 38% 46%, #F2D27B 0 13%, transparent 14%), radial-gradient(circle at 62% 42%, #C9A27A 0 12%, transparent 13%), radial-gradient(circle at 52% 64%, #FFF3D6 0 10%, transparent 11%), radial-gradient(circle at 50% 50%, #fff 0 34%, #F0E6D8 35% 38%, transparent 39%), #CBB89E; }
.foto-geladeira { align-self: flex-end; width: 62%; aspect-ratio: 4 / 3; border-radius: 16px; background:
  radial-gradient(circle at 25% 30%, #F4F1E8 0 7%, transparent 8%), radial-gradient(circle at 38% 30%, #F4F1E8 0 7%, transparent 8%),
  radial-gradient(circle at 65% 30%, #E4553F 0 9%, transparent 10%), radial-gradient(circle at 78% 30%, #E4553F 0 9%, transparent 10%),
  radial-gradient(circle at 35% 72%, #FFE7A8 0 11%, transparent 12%), radial-gradient(circle at 70% 72%, #6FAE4F 0 12%, transparent 13%),
  linear-gradient(#DDEBEB 0 48%, #BFD4D4 48% 52%, #E7F1F1 52%); }
.lp-notif { display: flex; gap: 10px; align-items: flex-start; background: rgba(255, 255, 255, .96); border: 1px solid #DDEDEC; border-radius: 16px; padding: 10px 12px; box-shadow: 0 6px 16px rgba(0, 0, 0, .06); }
.lp-notif svg { width: 30px; height: 30px; flex: none; }
.lp-notif b { font-size: .74rem; color: var(--suave); }
.lp-notif p { margin: 2px 0 0; font-size: .82rem; color: #2E2420; line-height: 1.35; }
.lp-resumo { gap: 6px; align-items: flex-end; height: 70px; padding: 10px 12px; background: #fff; border: 1px solid #DDEDEC; border-radius: 14px; align-self: flex-start; width: 70%; }
.lp-resumo i { flex: 1; height: calc(var(--v) * 100%); border-radius: 6px; background: linear-gradient(#22B864, #137A41); transform-origin: bottom; animation: cresce .8s ease both; }
@keyframes cresce { from { transform: scaleY(0); } }

/* Dor */
.lp-dores .cartao { text-align: center; }
.lp-dores .cartao p { color: #2E2420; font-weight: 500; }
.lp-emoji { font-size: 2rem; display: block; margin-bottom: 10px; }
.lp-resposta { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 36px auto 0; max-width: 760px; padding: 18px 22px; border-radius: 18px; background: var(--hey); color: #fff; font-size: 1.1rem; text-align: left; }
.lp-resposta svg { width: 48px; height: 48px; flex: none; border-radius: 12px; box-shadow: 0 0 0 2px rgba(255, 255, 255, .5); }

/* Um dia */
.lp-dia { background: linear-gradient(180deg, var(--fundo), #EEF7F3); }
.lp-dia__grade { display: grid; grid-template-columns: 1fr 360px; gap: 56px; align-items: center; }
.lp-dia h2, .lp-recursos h2, .lp-vantagens h2, .lp-final h2 { font-family: "Poppins", var(--fonte-titulo); font-weight: 600; color: #2E2420; }
.lp-sub { font-size: 1.1rem; color: #5D4037; }
.lp-abas { display: grid; gap: 8px; margin-top: 22px; max-width: 460px; }
.lp-aba { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 16px; border: 1.5px solid #D6EADF; background: #fff; cursor: pointer; font: 500 1rem var(--fonte-texto); color: #2E2420; text-align: left; transition: .15s; }
.lp-aba b { font-family: "Poppins", var(--fonte-titulo); color: var(--hey); min-width: 52px; }
.lp-aba:hover { border-color: var(--hey); }
.lp-aba.ativa { background: var(--hey); border-color: var(--hey); color: #fff; box-shadow: 0 10px 24px rgba(19, 122, 65, .22); }
.lp-aba.ativa b { color: #CFF3DE; }
.lp-painel { display: none !important; }
.lp-painel.ativo { display: flex !important; }

/* Blocos de recursos */
.lp-bloco { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; padding: 40px 0; }
.lp-bloco + .lp-bloco { border-top: 1px solid #E6EFEC; }
.lp-bloco--inverso .lp-bloco__texto { order: 2; }
.lp-bloco__texto .btn { margin-top: 6px; }
.beneficios-hey--uma { grid-template-columns: 1fr; margin: 18px 0 24px; }
.lp-visual { position: relative; min-height: 360px; border-radius: 28px; background: linear-gradient(160deg, #F2FAFA, #E3F3EA); border: 1px solid #D6EADF; padding: 28px; overflow: hidden; }

/* Foto do prato com leitura */
.lp-scan { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto; gap: 12px; align-content: center; }
.lp-scan__prato { grid-column: 1 / -1; position: relative; justify-self: center; width: min(260px, 70%); }
.foto-prato--grande { width: 100%; align-self: auto; border-radius: 22px; }
.lp-scan__linha { position: absolute; left: 0; right: 0; height: 3px; top: 8%; background: linear-gradient(90deg, transparent, #22B864, transparent); box-shadow: 0 0 14px #22B864; opacity: 0; }
.lp-visual.ativo .lp-scan__linha { animation: varre 1.6s ease-in-out 2; }
@keyframes varre { 0% { top: 6%; opacity: 1; } 50% { top: 90%; opacity: 1; } 100% { top: 6%; opacity: 0; } }
.lp-chip { display: flex; justify-content: space-between; gap: 8px; background: #fff; border: 1px solid #D6EADF; border-radius: 12px; padding: 9px 12px; font-size: .9rem; color: #2E2420; opacity: 0; }
.lp-chip span { color: var(--hey-turquesa); font-weight: 600; }
.lp-visual.ativo .lp-chip { animation: entra .45s ease both; animation-delay: calc(1.8s + var(--d) * .3s); }
.lp-total { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; background: var(--hey); color: #fff; border-radius: 14px; padding: 12px 16px; opacity: 0; }
.lp-total b { font: 600 1.3rem "Poppins", var(--fonte-titulo); }
.lp-visual.ativo .lp-total { animation: entra .45s ease 3.1s both; }

/* Chat de dúvidas */
.lp-chat { display: flex; flex-direction: column; gap: 12px; justify-content: center; font-family: "Poppins", var(--fonte-texto); font-size: .95rem; }
.lp-chat .balao { max-width: 88%; }

/* Despensa */
.lp-despensa { display: grid; gap: 16px; align-content: center; }
.lp-despensa ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lp-despensa li { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #D6EADF; border-radius: 12px; padding: 12px; font-weight: 500; color: #2E2420; opacity: 0; }
.lp-despensa li i { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: var(--hey); color: #fff; font-size: .72rem; font-style: normal; transform: scale(0); }
.lp-visual.ativo .lp-despensa li, .lp-despensa.ativo li { animation: entra .4s ease both; animation-delay: calc(var(--d) * .35s); }
.lp-despensa.ativo li i { animation: estoura .35s ease both; animation-delay: calc(var(--d) * .35s + .3s); }
@keyframes estoura { 0% { transform: scale(0); } 70% { transform: scale(1.25); } 100% { transform: scale(1); } }
.lp-receita { display: flex; gap: 14px; align-items: center; background: #fff; border-radius: 18px; padding: 12px; border: 1px solid #D6EADF; box-shadow: 0 14px 28px rgba(19, 122, 65, .14); opacity: 0; }
.lp-receita__img { width: 84px; height: 84px; flex: none; border-radius: 14px; background: radial-gradient(circle at 40% 45%, #E4553F 0 9%, transparent 10%), radial-gradient(circle at 62% 58%, #3E8E3A 0 12%, transparent 13%), radial-gradient(circle at 50% 50%, #F6D36B 0 44%, #E8B94A 45% 48%, #fff 49%); }
.lp-receita b { display: block; color: #2E2420; font-family: "Poppins", var(--fonte-titulo); font-weight: 600; }
.lp-receita small { color: var(--suave); }
.lp-despensa.ativo .lp-receita { animation: sobe .6s cubic-bezier(.2, .9, .3, 1.2) 1.8s both; }
@keyframes sobe { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: none; } }

/* Lembretes (tela de bloqueio) */
.lp-bloqueio { background: linear-gradient(160deg, #10372A, #0E5E52 60%, #137A41); display: flex; flex-direction: column; gap: 10px; justify-content: center; }
.lp-hora { color: #fff; text-align: center; font: 300 3.4rem "Poppins", var(--fonte-titulo); letter-spacing: .02em; margin-bottom: 10px; }
.lp-bloqueio .lp-notif { opacity: 0; transform: translateY(-14px); }
.lp-bloqueio.ativo .lp-notif { animation: cai .5s ease both; animation-delay: calc(.4s + var(--d) * .7s); }
@keyframes cai { to { opacity: 1; transform: none; } }

/* Calendário */
.lp-calendario { display: grid; gap: 16px; align-content: center; }
.lp-cal__topo { display: flex; justify-content: space-between; align-items: baseline; color: #2E2420; font-family: "Poppins", var(--fonte-titulo); }
.lp-cal__topo > b { font-size: 1.3rem; }
.lp-cal__topo span { color: var(--suave); font-size: .9rem; }
.lp-cal__topo span b { color: var(--hey); font-size: 1.2rem; }
.lp-cal__grade { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.lp-dia-cal { aspect-ratio: 1; border-radius: 10px; display: grid; place-items: center; font-style: normal; font-size: .78rem; color: var(--suave); background: #fff; border: 1px solid #D6EADF; }
.lp-calendario.ativo .lp-dia-cal.feito { animation: preenche .3s ease both; animation-delay: calc(var(--d) * 45ms); }
@keyframes preenche { to { background: var(--hey-agua); color: #0B5F5A; border-color: #A9DCD7; font-weight: 600; } }
.lp-barras { display: flex; gap: 8px; align-items: flex-end; height: 70px; }
.lp-barras i { flex: 1; height: calc(var(--v) * 100%); border-radius: 8px 8px 4px 4px; background: linear-gradient(#5CC9A7, #0E7C75); transform: scaleY(0); transform-origin: bottom; }
.lp-calendario.ativo .lp-barras i { animation: cresce2 .7s ease both 1.4s; }
@keyframes cresce2 { to { transform: scaleY(1); } }

/* Vantagens e chips */
.lp-vantagens .cartao h3 { margin-top: 2px; }
.lp-mais { margin-top: 40px; text-align: center; }
.lp-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 12px; }
.lp-chips span { padding: 9px 14px; border-radius: 999px; background: #fff; border: 1px solid #D6EADF; color: #2E2420; font-weight: 500; font-size: .92rem; }

/* Chamada final */
.lp-final { padding: clamp(56px, 8vw, 96px) 0 48px; background: var(--fundo); }
.lp-final__caixa { position: relative; overflow: hidden; text-align: center; border-radius: 32px; padding: clamp(36px, 6vw, 64px) 24px; background: linear-gradient(150deg, #137A41, #0E7C75); color: #E6F6EE; }
.lp-final__caixa::before { content: ""; position: absolute; width: 380px; height: 380px; right: -120px; top: -140px; border-radius: 50%; background: rgba(255, 255, 255, .08); }
.lp-final__caixa > * { position: relative; }
.lp-final h2 { color: #fff; max-width: 720px; margin-inline: auto; }
.lp-final p { max-width: 560px; margin-inline: auto; }
.lp-final__icone svg { width: 72px; height: 72px; margin: 0 auto 14px; }
.lp-form { max-width: 520px; margin: 22px auto 0; }
.lp-form .espera { justify-content: center; }
.lp-form .pequeno, .lp-form .pequeno a { color: #CFEBDD; }
.btn--branco { background: #fff; color: var(--hey); }
.btn--branco:hover { background: #F0FFF6; }
.lp-final .loja { background: rgba(0, 0, 0, .25); border-color: rgba(255, 255, 255, .35); }

/* Janela */
.lp-modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; }
.lp-modal[hidden] { display: none; }
.lp-modal__fundo { position: absolute; inset: 0; background: rgba(21, 18, 43, .55); backdrop-filter: blur(4px); animation: aparece .2s ease; }
.lp-modal__caixa { position: relative; width: min(480px, 100%); background: #fff; border-radius: 26px; padding: 32px 28px 26px; text-align: center; box-shadow: 0 30px 80px rgba(0, 0, 0, .3); animation: sobe .35s ease both; }
.lp-modal__caixa svg { width: 64px; height: 64px; margin: 0 auto 10px; }
.lp-modal__caixa h2 { font-family: "Poppins", var(--fonte-titulo); font-size: 1.6rem; color: #2E2420; }
.lp-modal__caixa p { color: #5D4037; }
.lp-modal__caixa .espera { justify-content: center; }
.lp-modal__x { position: absolute; right: 14px; top: 12px; width: 40px; height: 40px; border-radius: 50%; border: 0; background: #F1F4F3; font-size: 1.4rem; cursor: pointer; color: #2E2420; }
@keyframes aparece { from { opacity: 0; } }

/* Barra fixa no celular */
.lp-fixa { display: none; }
@media (max-width: 760px) {
  .lp-fixa { display: block; position: fixed; left: 12px; right: 84px; bottom: 16px; z-index: 55; transition: transform .25s ease, opacity .25s ease; }
  .lp-fixa .btn { width: 100%; min-height: 54px; box-shadow: 0 10px 24px rgba(19, 122, 65, .35); }
  .lp-fixa.escondida { transform: translateY(120%); opacity: 0; }
}

@media (max-width: 920px) {
  .lp-hero__grade, .lp-dia__grade, .lp-bloco { grid-template-columns: 1fr; }
  .lp-bloco--inverso .lp-bloco__texto { order: 0; }
  .lp-hero__visual { margin-top: 10px; }
  .lp-blob { width: 320px; height: 320px; }
  .lp-dia .lp-celular { margin-inline: auto; }
  .lp-abas { grid-template-columns: repeat(5, minmax(0, 1fr)); max-width: none; }
  .lp-aba { flex-direction: column; gap: 4px; padding: 10px 6px; text-align: center; font-size: .78rem; }
  .lp-aba b { min-width: 0; font-size: .9rem; }
}
@media (max-width: 640px) {
  .lojas .loja { flex: 1 1 calc(50% - 10px); }
  .lojas .loja--clara { flex-basis: 100%; }
  .lp-flutua { display: none; }
  .lp-visual { min-height: 300px; padding: 20px; }
  .lp-despensa ul { grid-template-columns: 1fr; }
  .lp-resposta { flex-direction: column; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  .lp-blob, .lp-flutua, .ponto-vivo { animation: none; }
  .lp-chip, .lp-total, .lp-despensa li, .lp-receita, .lp-bloqueio .lp-notif { opacity: 1; transform: none; animation: none !important; }
  .lp-despensa li i, .lp-barras i { transform: none; }
  .lp-dia-cal.feito { background: var(--hey-agua); color: #0B5F5A; }
}

/* =========================================================
   v7 — HEY mais real: iPhone, fotos reais, conversa real
   ========================================================= */
.ic { width: 22px; height: 22px; flex: none; }
.btn--grande { min-height: 58px; padding: 0 30px; font-size: 1.08rem; }
.btn--grande .ic { width: 22px; height: 22px; }
.lp-baixar { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px; }
.lp-baixar--centro { justify-content: center; margin: 24px 0 8px; }
.lp-pilulas li { display: inline-flex; align-items: center; gap: 6px; }
.lp-pilulas li::before { content: none; }
.lp-pilulas .ic { width: 16px; height: 16px; color: var(--hey); }

/* Círculo de fundo (sem forma "desenhada") */
.lp-circulo { position: absolute; width: 440px; height: 440px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #CDEFE0, #A9DCCF 70%); z-index: 0; }
.lp-blob { display: none; }
.lp-flutua b { background: #E8F6EE; color: var(--hey); }
.lp-flutua .ic { width: 15px; height: 15px; }

/* iPhone realista */
.iphone { position: relative; z-index: 1; width: 318px; aspect-ratio: 9 / 19.3; padding: 11px; border-radius: 56px;
  background: linear-gradient(145deg, #3a3a3c, #121214 45%, #2b2b2e); margin-inline: auto;
  box-shadow: inset 0 0 0 1.5px #5a5a5e, inset 0 0 0 4px #0b0b0c, 0 50px 90px -30px rgba(10, 40, 30, .45), 0 18px 40px -18px rgba(0, 0, 0, .35); }
.iphone::before, .iphone::after { content: ""; position: absolute; width: 4px; border-radius: 2px; background: #2a2a2c; }
.iphone::before { left: -3px; top: 120px; height: 60px; box-shadow: 0 -52px 0 -10px #2a2a2c, 0 74px 0 0 #2a2a2c; }
.iphone::after { right: -3px; top: 170px; height: 92px; }
.iphone__tela { position: relative; height: 100%; border-radius: 46px; overflow: hidden; display: flex; flex-direction: column;
  background: #EFEAE2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23d9d2c5' stroke-width='1'%3E%3Ccircle cx='14' cy='16' r='5'/%3E%3Cpath d='M50 10l6 6M56 10l-6 6'/%3E%3Cpath d='M30 52c4-4 8-4 12 0'/%3E%3Crect x='60' y='50' width='8' height='8' rx='2'/%3E%3C/g%3E%3C/svg%3E");
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Inter, sans-serif; }
.ios-barra { position: relative; display: flex; justify-content: space-between; align-items: center; height: 46px; padding: 0 26px 0 30px; background: #F6F6F6; color: #000; flex: none; }
.ios-hora { font-weight: 600; font-size: .9rem; }
.ilha { position: absolute; left: 50%; top: 10px; width: 96px; height: 28px; border-radius: 20px; background: #000; transform: translateX(-50%); }
.ios-ic { display: flex; gap: 5px; align-items: center; }
.ios-ic svg { height: 11px; width: auto; fill: currentColor; }
.chat-topo { display: flex; align-items: center; gap: 9px; padding: 6px 12px 9px; background: #F6F6F6; border-bottom: 1px solid #DEDEDE; flex: none; }
.voltar-ios { width: 11px; height: 18px; color: #137A41; }
.chat-avatar svg { width: 34px; height: 34px; border-radius: 50%; display: block; }
.chat-nome { display: grid; line-height: 1.15; }
.chat-nome b { font-size: .95rem; color: #111; }
.chat-nome small { font-size: .72rem; color: #6a6a6a; }
.chat-area { flex: 1; overflow-y: auto; scrollbar-width: none; padding: 12px 10px; display: flex; flex-direction: column; gap: 6px; scroll-behavior: smooth; }
.chat-area::-webkit-scrollbar { display: none; }
.chat-entrada { flex: none; display: flex; align-items: center; gap: 10px; padding: 8px 10px 22px; background: #F6F6F6; border-top: 1px solid #E2E2E2; }
.chat-campo { flex: 1; background: #fff; border: 1px solid #E1E1E1; border-radius: 18px; padding: 7px 12px; color: #9a9a9a; font-size: .82rem; }
.ic-cinza { color: #7d7d7d; width: 22px; height: 22px; }
.chat-mic { width: 34px; height: 34px; border-radius: 50%; background: #137A41; color: #fff; display: grid; place-items: center; }
.chat-mic .ic { width: 18px; height: 18px; }

/* Mensagens */
.msg { position: relative; max-width: 80%; padding: 6px 9px 18px; border-radius: 10px; font-size: .84rem; line-height: 1.35; color: #111; box-shadow: 0 1px .5px rgba(0, 0, 0, .13); }
.msg--eu { align-self: flex-end; background: #D9FDD3; border-top-right-radius: 3px; }
.msg--hey { align-self: flex-start; background: #fff; border-top-left-radius: 3px; }
.msg .hora { position: absolute; right: 8px; bottom: 3px; display: flex; align-items: center; gap: 3px; font-size: .64rem; color: #667781; }
.tick { width: 16px; height: 11px; color: #53BDEB; }
.msg-nota { display: block; color: #0E7C75; font-size: .72rem; margin-top: 3px; }
.msg--foto { padding: 3px; max-width: 72%; }
.msg--foto img { display: block; width: 100%; aspect-ratio: 4 / 3.2; object-fit: cover; border-radius: 8px; }
.msg--foto .hora { color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .5); right: 10px; bottom: 7px; }
.msg--foto .tick { color: #fff; }
.msg--audio { min-width: 74%; padding-bottom: 20px; }
.audio { display: flex; align-items: center; gap: 8px; padding: 2px 0 7px; border-bottom: 1px solid rgba(0, 0, 0, .08); }
.audio-play svg { width: 12px; height: 14px; fill: #54656F; display: block; }
.ondas { flex: 1; display: flex; align-items: center; gap: 2px; height: 26px; }
.ondas i { width: 2.5px; height: var(--h); border-radius: 2px; background: #3C7A52; opacity: .85; }
.msg--audio.on .ondas i { animation: onda 1.2s ease-in-out infinite; animation-delay: calc(var(--h) * -30ms); }
@keyframes onda { 50% { transform: scaleY(.55); } }
.audio-dur { font-size: .68rem; color: #667781; }
.msg--audio p { margin: 6px 0 0; }
.msg.lp-digitando { width: 54px; padding: 10px 12px; }
.msg.lp-digitando i { background: #9DA7AD; }

/* Cartão do HEY (como o card do Google Agenda) */
.card-hey { align-self: flex-start; width: 88%; background: #fff; border-radius: 14px; padding: 12px 13px; box-shadow: 0 1px 2px rgba(0, 0, 0, .12); font-size: .82rem; color: #111; }
.card-hey__topo { display: flex; gap: 9px; align-items: center; margin-bottom: 8px; }
.card-hey__topo svg { width: 28px; height: 28px; border-radius: 8px; }
.card-hey__topo b { display: block; font-size: .9rem; }
.card-hey__topo small { color: #6a6a6a; font-size: .72rem; }
.card-hey__itens { list-style: none; padding: 0; margin: 0; border-left: 3px solid #137A41; padding-left: 9px; display: grid; gap: 3px; }
.card-hey__itens li { display: flex; justify-content: space-between; gap: 8px; }
.card-hey__itens b { font-weight: 600; color: #0E7C75; }
.card-hey__total { display: flex; justify-content: space-between; margin-top: 8px; padding-top: 7px; border-top: 1px solid #EEE; font-weight: 600; }
.card-hey__nota { display: block; margin-top: 4px; color: #0E7C75; font-size: .7rem; }
.card-hey__texto { margin: 0; line-height: 1.45; }
.card-hey--receita { display: flex; gap: 10px; align-items: center; padding: 8px; }
.card-hey--receita img { width: 74px; height: 74px; border-radius: 10px; object-fit: cover; flex: none; }
.card-hey__corpo { display: grid; gap: 2px; }
.card-hey__corpo small { color: #137A41; font-weight: 600; font-size: .7rem; text-transform: uppercase; letter-spacing: .04em; }
.card-hey__corpo span { color: #6a6a6a; font-size: .74rem; }
.resumo-dia { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; text-align: center; }
.resumo-dia div { background: #F2FAF6; border-radius: 10px; padding: 8px 4px; display: grid; gap: 2px; }
.resumo-dia b { font-size: 1.1rem; color: #137A41; display: grid; place-items: center; }
.resumo-dia .ic { width: 20px; height: 20px; }
.resumo-dia span { font-size: .68rem; color: #555; }
.card-hey.lp-msg.on { display: block; }
.card-hey--receita.lp-msg.on { display: flex; }

/* Notificação do iPhone */
.ios-notif { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 18px; background: rgba(245, 245, 245, .88); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: 0 6px 20px rgba(0, 0, 0, .12); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif; }
.ios-notif svg { width: 34px; height: 34px; border-radius: 9px; flex: none; }
.ios-notif b { display: flex; justify-content: space-between; gap: 8px; font-size: .78rem; color: #111; }
.ios-notif em { font-style: normal; font-weight: 400; color: #777; }
.ios-notif p { margin: 1px 0 0; font-size: .8rem; color: #222; line-height: 1.3; }
.ios-notif.lp-msg.on { display: flex; }
.ios-notif > div { flex: 1; }

/* Visuais de recursos com fotos reais */
.lp-visual { background: #F3F5F4; border-color: #E4EAE7; }
.lp-scan { grid-template-columns: 1.15fr .85fr; grid-template-rows: auto; align-items: center; gap: 18px; }
.lp-scan__foto { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 40px -18px rgba(0, 0, 0, .4); }
.lp-scan__foto img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.lp-scan__linha { height: 2px; background: linear-gradient(90deg, transparent, #7CF3B1, transparent); box-shadow: 0 0 18px 3px rgba(124, 243, 177, .7); }
.lp-marca { position: absolute; left: var(--x); top: var(--y); width: 18px; height: 18px; border-radius: 50%; border: 2px solid #fff; background: rgba(19, 122, 65, .85); box-shadow: 0 0 0 6px rgba(255, 255, 255, .25); transform: scale(0); }
.lp-visual.ativo .lp-marca { animation: estoura .35s ease both; animation-delay: calc(1.6s + var(--d) * .3s); }
.lp-scan__lista { display: grid; gap: 8px; }
.lp-scan__lista .lp-total { grid-column: auto; }
.lp-conversa { display: flex; flex-direction: column; gap: 10px; justify-content: center; background: #E9E9EB; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif; }
.lp-conversa .msg { font-size: .95rem; max-width: 88%; }
.lp-conversa .msg--audio { min-width: 78%; }
.lp-conversa .card-hey { width: 92%; font-size: .92rem; padding: 16px; border-radius: 18px; }
.lp-despensa { display: block; padding: 0; min-height: 0; position: relative; }
.lp-despensa__foto { position: relative; }
.lp-despensa__foto img { display: block; width: 100%; aspect-ratio: 4 / 3.4; object-fit: cover; }
.lp-tag { position: absolute; left: var(--x); top: var(--y); display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px 6px 6px; border-radius: 999px; background: rgba(255, 255, 255, .92); backdrop-filter: blur(6px); font-weight: 600; font-size: .86rem; color: #1D2B24; box-shadow: 0 6px 16px rgba(0, 0, 0, .18); opacity: 0; }
.lp-tag i { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; background: #137A41; color: #fff; font-style: normal; font-size: .7rem; }
.lp-tag em { font-style: normal; }
.lp-despensa.ativo .lp-tag { animation: entra .4s ease both; animation-delay: calc(.4s + var(--d) * .45s); }
.lp-despensa .lp-receita { position: absolute; left: 18px; right: 18px; bottom: 18px; width: auto; display: flex; opacity: 0; box-shadow: 0 16px 32px rgba(0, 0, 0, .25); border: 0; font-size: .92rem; }
.lp-despensa.ativo .lp-receita { animation: sobe .6s cubic-bezier(.2, .9, .3, 1.2) 1.9s both; }
.lp-bloqueio { padding: 0; background: #111; display: block; }
.lp-bloqueio__fundo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(.55) saturate(1.1); }
.lp-bloqueio__conteudo { position: relative; padding: 28px; display: flex; flex-direction: column; gap: 10px; min-height: 360px; justify-content: center; }
.lp-data { color: rgba(255, 255, 255, .85); text-align: center; font-weight: 500; }
.lp-hora { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, sans-serif; font-weight: 600; font-size: 4rem; margin: 0 0 12px; line-height: 1; }
.lp-bloqueio .ios-notif { opacity: 0; transform: translateY(-14px); }
.lp-bloqueio.ativo .ios-notif { animation: cai .5s ease both; animation-delay: calc(.4s + var(--d) * .7s); }
.lp-calendario { background: #fff; }

/* Ícones no lugar dos emojis */
.lp-icone { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: #EAF6EF; color: #137A41; margin-bottom: 14px; }
.lp-dores .lp-icone { margin-inline: auto; }
.lp-icone .ic { width: 26px; height: 26px; }
.lp-emoji { display: none; }
.lp-chips { gap: 12px; }
.lp-chips span { display: inline-flex; align-items: center; gap: 10px; padding: 12px 20px; font-size: .98rem; background: #fff; box-shadow: 0 0 0 6px #F1F3F2; border: 0; }
.lp-chips .ic { width: 22px; height: 22px; color: #2E2420; }
.lp-chips em { font-style: normal; }

@media (max-width: 640px) {
  .iphone { width: 286px; }
  .lp-scan { grid-template-columns: 1fr; }
  .lp-baixar .btn { width: 100%; }
  .lp-circulo { width: 320px; height: 320px; }
  .lp-chips span { padding: 10px 14px; font-size: .9rem; }
}
@media (prefers-reduced-motion: reduce) {
  .lp-tag, .lp-despensa .lp-receita, .lp-bloqueio .ios-notif { opacity: 1; transform: none; animation: none !important; }
  .lp-marca { transform: none; }
  .msg--audio .ondas i { animation: none !important; }
}