/* ---------- elementos de fundo do guia ---------- */
.circ { position: absolute; border-radius: 50%; pointer-events: none; }
.circ--verde { background: var(--circ-verde); }
.circ--amarelo { background: var(--circ-amarelo); }
.diag {
  position: absolute;
  width: 150px;
  height: 160px;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 170'%3E%3Cg stroke='%2300C853' stroke-width='5'%3E%3Cpath d='M2 170 L106 0'/%3E%3Cpath d='M32 170 L136 0'/%3E%3Cpath d='M62 170 L166 0'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

/* ---------- herói ---------- */
.heroi { position: relative; overflow: hidden; isolation: isolate; padding-block: clamp(40px, 6vw, 88px) clamp(56px, 8vw, 104px); }
.heroi__fundo { position: absolute; inset: 0; z-index: -1; }
.heroi__fundo .circ--verde { width: min(780px, 92vw); aspect-ratio: 1; right: -16%; top: -26%; }
.heroi__fundo .circ--amarelo { width: min(560px, 74vw); aspect-ratio: 1; left: -18%; bottom: -36%; }
.heroi__fundo .diag { right: 5%; bottom: 8%; }
.heroi__grade { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(24px, 4vw, 64px); align-items: center; }
.heroi__titulo { margin: 0; display: flex; flex-direction: column; font: 700 clamp(68px, 11.6vw, 172px)/0.84 var(--f-display); text-transform: uppercase; letter-spacing: -0.012em; }
.heroi__titulo--time { font-size: clamp(52px, 8.6vw, 128px); }
.heroi__l { display: block; overflow-wrap: anywhere; }
.heroi__l1 { display: inline-flex; align-items: flex-start; gap: 0.07em; }
.heroi__l3 { color: var(--amarelo); }
.heroi__titulo .seta-svg { width: 0.6em; height: 0.6em; margin-top: 0.03em; }
.heroi__titulo .seta-svg path { stroke-dasharray: 260; }
@media (prefers-reduced-motion: no-preference) {
  .heroi__titulo .seta-svg path { animation: desenha 1.1s var(--ease) 0.2s both; }
  @keyframes desenha { from { stroke-dashoffset: 260; } to { stroke-dashoffset: 0; } }
}
.heroi__lead { margin: 28px 0 0; max-width: 54ch; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.55; color: var(--texto-2); }

.ativar, .ativo, .lider { margin-top: 32px; max-width: 580px; }
.ativar__rotulo { display: block; margin-bottom: 10px; font: 700 15px/1 var(--f-display); letter-spacing: 0.1em; text-transform: uppercase; }
.ativar__linha { display: flex; gap: 10px; }
.ativar__linha .campo { flex: 1; min-width: 0; }
.ativar__ajuda { margin: 10px 0 0; font-size: 14px; color: var(--texto-3); }
.ativar__ajuda.erro { color: var(--erro-texto); }
@media (max-width: 520px) { .ativar__linha { flex-direction: column; } }

.ativo { padding: 18px 20px; border-radius: var(--r-card); border: 1px solid rgba(0, 200, 83, 0.35); background: rgba(0, 200, 83, 0.06); }
.ativo__rotulo { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font: 700 14px/1 var(--f-display); letter-spacing: 0.12em; text-transform: uppercase; color: var(--verde); }
.ativo__linha { display: flex; align-items: center; gap: 12px; }
.ativo__link { flex: 1; min-width: 0; overflow-wrap: anywhere; font-size: 15px; }
.ativo__ajuda { margin: 12px 0 0; font-size: 14px; color: var(--texto-2); }

.lider { padding: 24px; border-radius: var(--r-card); background: var(--surface); border: 1px solid var(--borda); }
.lider__rotulo { margin: 0; font: 600 12px/1 var(--f-texto); letter-spacing: 0.16em; text-transform: uppercase; color: var(--texto-3); }
.lider__nome { margin: 6px 0 14px; font: 700 30px/1 var(--f-display); text-transform: uppercase; color: var(--amarelo); }
.lider__msg { margin: 0 0 16px; font-size: 17px; line-height: 1.55; white-space: pre-line; }
.lider__msg::before { content: "“"; color: var(--amarelo); }
.lider__msg::after { content: "”"; color: var(--amarelo); }
.lider__passo { margin: 0 0 16px; color: var(--texto-2); font-size: 15px; }
.lider__acoes { display: flex; gap: 10px; flex-wrap: wrap; }

.heroi__camisa { margin: 0; justify-self: center; width: min(460px, 100%); }
.camisa { width: 100%; height: auto; transform: rotate(-5deg); filter: drop-shadow(0 26px 36px rgba(0, 0, 0, 0.45)); }
.camisa__nome { font: 700 52px var(--f-display); fill: var(--texto); }
.camisa__num { font: 900 190px var(--f-num); fill: var(--texto); }
.heroi__camisa figcaption { margin-top: 14px; text-align: center; font-size: 13px; color: var(--texto-3); }
@media (prefers-reduced-motion: no-preference) {
  .camisa { animation: flutua 7s ease-in-out infinite; }
  @keyframes flutua { 0%, 100% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-3.5deg) translateY(-12px); } }
}
@media (max-width: 900px) {
  .heroi__grade { grid-template-columns: 1fr; }
  .heroi__camisa { width: min(340px, 84%); margin-top: 8px; }
}

/* ---------- faixa de ofertas ---------- */
.ticker { overflow: hidden; background: var(--amarelo); color: var(--preto); }
.ticker__trilho { display: flex; align-items: center; gap: 24px; width: max-content; padding-block: 15px; }
.ticker span { font: 700 22px/1 var(--f-display); letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; }
.ticker i {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: var(--preto);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M8 92 L88 12 M38 8 H92 V62' fill='none' stroke='black' stroke-width='18'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M8 92 L88 12 M38 8 H92 V62' fill='none' stroke='black' stroke-width='18'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media (prefers-reduced-motion: no-preference) {
  .ticker__trilho { animation: corre 46s linear infinite; }
  .ticker:hover .ticker__trilho { animation-play-state: paused; }
  @keyframes corre { to { transform: translateX(-50%); } }
}

/* ---------- índice ---------- */
.indice { padding-block: clamp(64px, 9vw, 120px); }
.indice__lista { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--borda); }
.indice__lista a {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) 36px;
  align-items: center;
  gap: 8px 32px;
  padding: 16px 8px;
  border-bottom: 1px solid var(--borda);
  text-decoration: none;
  transition: background-color 0.2s, padding-left 0.3s var(--ease);
}
.indice__nome { font: 700 clamp(34px, 5.4vw, 68px)/1 var(--f-display); text-transform: uppercase; letter-spacing: -0.005em; }
.indice__nome b { font-weight: 700; }
.indice__desc { color: var(--texto-2); }
.indice__lista .seta-i { width: 26px; height: 26px; justify-self: end; color: var(--texto-3); transition: transform 0.3s var(--ease), color 0.2s; }
.indice__lista a:hover { background: var(--surface); padding-left: 22px; }
.indice__lista a:hover .seta-i { color: var(--verde); transform: translate(4px, -4px); }
@media (max-width: 720px) {
  .indice__lista a { grid-template-columns: minmax(0, 1fr) 26px; padding-block: 18px; }
  .indice__desc { grid-row: 2; font-size: 15px; }
  .indice__lista .seta-i { grid-row: 1; grid-column: 2; }
}

/* ---------- capítulos ---------- */
.secao { position: relative; padding-block: var(--respiro); }
.secao--preto { background: var(--preto); clip-path: polygon(0 var(--corte), 100% 0, 100% 100%, 0 100%); margin-top: calc(var(--corte) * -1); padding-top: calc(var(--respiro) + var(--corte)); }
.secao__cab { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: end; gap: 20px 48px; margin-bottom: clamp(40px, 5vw, 72px); }
.secao__titulo { margin: 0; font: 700 clamp(58px, 9.4vw, 140px)/0.86 var(--f-display); text-transform: uppercase; letter-spacing: -0.012em; }
.secao__lead { margin: 0; max-width: 46ch; font-size: clamp(17px, 1.35vw, 19px); color: var(--texto-2); }
@media (max-width: 860px) { .secao__cab { grid-template-columns: 1fr; } }

/* ---------- marca ---------- */
.marca__topo { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px; }
.palco { position: relative; overflow: hidden; display: grid; place-items: center; min-height: 380px; padding: 56px 32px 104px; border-radius: var(--r-card); background: var(--grafite); border: 1px solid var(--borda); }
.palco__circ { position: absolute; width: 74%; aspect-ratio: 1; right: -20%; top: -34%; border-radius: 50%; background: var(--circ-verde); }
.palco__logo { position: relative; width: min(80%, 480px); height: auto; filter: drop-shadow(0 0 34px rgba(0, 200, 83, 0.16)); }
.palco__acoes { position: absolute; left: 20px; bottom: 20px; display: flex; flex-wrap: wrap; gap: 10px; }
.anatomia { padding: 28px; border-radius: var(--r-card); background: var(--surface); border: 1px solid var(--borda); }
.assin { margin: 0 0 26px; font: 700 clamp(58px, 6.4vw, 88px)/0.88 var(--f-display); text-transform: uppercase; }
.assin span { display: block; }
.assin__l1 { display: inline-flex !important; align-items: flex-start; gap: 0.08em; }
.assin .seta-svg { width: 0.58em; height: 0.58em; }
.anatomia__lista { margin: 0; display: grid; gap: 12px; }
.anatomia__lista div { display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: baseline; gap: 12px; padding-top: 12px; border-top: 1px solid var(--borda); }
.anatomia__lista dt { font: 700 22px/1 var(--f-display); text-transform: uppercase; }
.anatomia__lista dd { margin: 0; font-size: 15px; color: var(--texto-2); }
@media (max-width: 900px) { .marca__topo { grid-template-columns: 1fr; } }

.proporcao { display: flex; gap: 3px; height: 34px; margin-top: 18px; padding: 3px; border-radius: 10px; background: var(--borda); }
.proporcao span { flex-basis: 0; border-radius: 6px; background: var(--c); }
.paleta { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; margin-top: 20px; }
.cor {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 10px 14px;
  border: 1px solid var(--borda);
  border-radius: 12px;
  background: var(--surface);
  text-align: left;
  cursor: pointer;
  transition: transform 0.2s var(--ease), border-color 0.2s;
}
.cor:hover { transform: translateY(-4px); border-color: var(--borda-forte); }
.cor__chip { display: block; height: 96px; margin-bottom: 8px; border-radius: 8px; background: var(--c); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
.cor b { font: 700 17px/1.05 var(--f-display); text-transform: uppercase; }
.cor__hex { font: 600 13px/1.2 var(--f-mono); color: var(--amarelo); }
.cor em { font-style: normal; font-size: 13px; line-height: 1.35; color: var(--texto-3); }
@media (max-width: 1000px) { .paleta { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 560px) { .paleta { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.tipos { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin-top: clamp(48px, 6vw, 72px); }
.tipo { display: flex; flex-direction: column; padding: 24px; border-radius: var(--r-card); background: var(--surface); border: 1px solid var(--borda); }
.tipo__nome { margin: 0; font: 600 13px/1.2 var(--f-texto); letter-spacing: 0.12em; text-transform: uppercase; color: var(--texto-2); }
.tipo__nome span { color: var(--texto-3); letter-spacing: 0.04em; text-transform: none; }
.tipo__amostra { margin: 18px 0; font-size: 22px; line-height: 1.35; }
.tipo__amostra--display { font: 700 clamp(54px, 6vw, 84px)/0.9 var(--f-display); }
.tipo__amostra--num { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font: 700 36px/1 var(--f-display); text-transform: uppercase; }
.tipo__amostra--num .seta-i { width: 26px; height: 26px; color: var(--verde); }
.tipo__uso { margin: auto 0 0; font-size: 14px; color: var(--texto-3); }
@media (max-width: 900px) { .tipos { grid-template-columns: 1fr; } }

.naofaca { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.naofaca__palco { display: grid; place-items: center; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 12px; background: var(--grafite); border: 1px solid var(--borda); }
.naofaca__palco img { width: 58%; height: auto; }
.naofaca__palco--claro { background: var(--amarelo); }
.naofaca__palco--medio { background: var(--surface-2); }
.nf-esticado { transform: scaleX(1.5) scaleY(0.82); }
.nf-cores { filter: hue-rotate(150deg) saturate(1.6); }
.nf-sombra { filter: drop-shadow(10px 12px 0 #000) drop-shadow(0 0 18px #000); }
.naofaca p { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; font-weight: 600; font-size: 15px; }
.x {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background: var(--erro);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 4l12 12M16 4L4 16' stroke='black' stroke-width='3'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 4l12 12M16 4L4 16' stroke='black' stroke-width='3'/%3E%3C/svg%3E") center / contain no-repeat;
}
.v {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background: var(--verde);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 10.5l4.5 4.5L17 5' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 10.5l4.5 4.5L17 5' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media (max-width: 860px) { .naofaca { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.voz { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
.voz__desc { margin: 0 0 18px; color: var(--texto-2); }
.voz__lista { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.voz__lista li { padding: 12px 18px; border-radius: 999px; font: 700 21px/1 var(--f-display); text-transform: uppercase; }
.voz__lista--sim li { background: rgba(0, 200, 83, 0.1); border: 1px solid rgba(0, 200, 83, 0.4); }
.voz__lista--nao li { border: 1px solid rgba(255, 59, 48, 0.35); color: var(--texto-3); text-decoration: line-through; text-decoration-color: var(--erro); text-decoration-thickness: 2px; }
@media (max-width: 860px) { .voz { grid-template-columns: 1fr; } }

.pacote { display: flex; align-items: center; justify-content: space-between; gap: 20px 32px; flex-wrap: wrap; margin-top: clamp(56px, 7vw, 88px); padding: 28px 32px; border-radius: var(--r-card); background: var(--surface); border: 1px solid var(--borda); }
.pacote__titulo { margin: 0; font: 700 30px/1 var(--f-display); text-transform: uppercase; }
.pacote__desc { margin: 8px 0 0; max-width: 60ch; color: var(--texto-2); }

/* ---------- ofertas ---------- */
.ofertas { display: grid; gap: clamp(48px, 6vw, 72px); }
.oferta-grupo { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 20px 40px; }
.oferta-grupo__cab h3 { margin: 0 0 8px; font: 700 30px/1 var(--f-display); text-transform: uppercase; }
.oferta-grupo__cab p { margin: 0; font-size: 15px; color: var(--texto-2); }
.oferta-grupo__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 900px) { .oferta-grupo { grid-template-columns: 1fr; } }

.oferta { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--r-card); background: var(--surface); border: 1px solid var(--borda); transition: border-color 0.2s, transform 0.25s var(--ease); }
.oferta:hover { border-color: var(--borda-forte); transform: translateY(-3px); }
.oferta__arte { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--preto); }
.oferta__arte img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 16%; transition: transform 0.6s var(--ease); }
.oferta:hover .oferta__arte img { transform: scale(1.04); }
.oferta__arte::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(rgba(17, 24, 32, 0), var(--surface)); }
.oferta__corpo { position: relative; display: flex; flex-direction: column; gap: 12px; flex: 1; padding: 0 22px 22px; }
.oferta__titulo { margin: -44px 0 0; font: 700 clamp(32px, 3.2vw, 44px)/0.9 var(--f-display); text-transform: uppercase; }
.oferta__titulo span { display: block; color: var(--amarelo); }
.oferta__resumo { margin: 0; font-size: 15px; color: var(--texto-2); }
.oferta__meta { display: grid; gap: 8px; margin: 2px 0 0; font-size: 14px; }
.oferta__meta div { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 10px; }
.oferta__meta dt { color: var(--texto-3); font-weight: 600; }
.oferta__meta dd { margin: 0; }
.oferta details { border-top: 1px solid var(--borda); padding-top: 10px; font-size: 14px; }
.oferta summary { cursor: pointer; font: 700 15px/1.3 var(--f-display); letter-spacing: 0.06em; text-transform: uppercase; color: var(--texto-2); list-style: none; display: flex; align-items: center; gap: 8px; }
.oferta summary::-webkit-details-marker { display: none; }
.oferta summary::before { content: "+"; display: inline-grid; place-items: center; width: 20px; height: 20px; border: 1px solid var(--borda-forte); border-radius: 50%; font: 600 14px/1 var(--f-texto); }
.oferta details[open] summary::before { content: "–"; }
.oferta details p { margin: 10px 0 0; color: var(--texto-2); }
.oferta__acoes { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 8px; }

/* Cartão deitado: imagem à esquerda. É o destaque, o cartão que fecha um grupo par e, no tablet, todos. */
.oferta--destaque, .oferta--larga { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.oferta--larga { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
.oferta--destaque .oferta__arte, .oferta--larga .oferta__arte { aspect-ratio: auto; min-height: 100%; }
.oferta--larga .oferta__arte { min-height: 250px; }
.oferta--destaque .oferta__arte::after, .oferta--larga .oferta__arte::after { inset: 0 0 0 55%; background: linear-gradient(90deg, rgba(17, 24, 32, 0), var(--surface)); }
.oferta--destaque .oferta__corpo, .oferta--larga .oferta__corpo { padding: 26px 26px 26px 8px; }
.oferta--destaque .oferta__titulo, .oferta--larga .oferta__titulo { margin: 0; }
.oferta--destaque .oferta__titulo { font-size: clamp(42px, 4.6vw, 64px); }
@media (max-width: 1100px) and (min-width: 641px) {
  .oferta-grupo__cards { grid-template-columns: 1fr; }
  .oferta { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
  .oferta .oferta__arte { aspect-ratio: auto; min-height: 250px; }
  .oferta .oferta__arte::after { inset: 0 0 0 55%; background: linear-gradient(90deg, rgba(17, 24, 32, 0), var(--surface)); }
  .oferta .oferta__corpo { padding: 24px 24px 24px 8px; }
  .oferta .oferta__titulo { margin: 0; }
}
@media (max-width: 640px) {
  .oferta-grupo__cards { grid-template-columns: 1fr; }
  .oferta--destaque, .oferta--larga { display: flex; }
  .oferta--destaque .oferta__arte, .oferta--larga .oferta__arte { aspect-ratio: 16 / 10; min-height: 0; }
  .oferta--destaque .oferta__arte::after, .oferta--larga .oferta__arte::after { inset: 45% 0 0; background: linear-gradient(rgba(17, 24, 32, 0), var(--surface)); }
  .oferta--destaque .oferta__corpo, .oferta--larga .oferta__corpo { padding: 0 22px 22px; }
  .oferta--destaque .oferta__titulo, .oferta--larga .oferta__titulo { margin-top: -44px; }
}

.escada { margin: 6px 0 2px; }
.escada__zona { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: end; gap: 8px; height: 150px; }
.escada__d { display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; height: 100%; gap: 6px; }
.escada__v { text-align: center; font: 900 clamp(20px, 2vw, 26px)/1 var(--f-num); color: var(--amarelo); font-variant-numeric: tabular-nums; }
.escada__b { border-radius: 8px 8px 3px 3px; background: var(--surface-2); border: 1px solid var(--borda); transform-origin: bottom; }
.escada__d:last-child .escada__b { background: var(--verde); border-color: var(--verde); }
.escada__r { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: 8px; text-align: center; font: 700 17px/1 var(--f-display); }
.escada__leg { margin: 8px 0 0; font-size: 13px; color: var(--texto-3); }
@media (prefers-reduced-motion: no-preference) {
  .escada.vista .escada__b { animation: cresce 0.9s var(--ease) both; }
  .escada.vista .escada__d:nth-child(2) .escada__b { animation-delay: 0.08s; }
  .escada.vista .escada__d:nth-child(3) .escada__b { animation-delay: 0.16s; }
  .escada.vista .escada__d:nth-child(4) .escada__b { animation-delay: 0.24s; }
  .escada.vista .escada__d:nth-child(5) .escada__b { animation-delay: 0.32s; }
  @keyframes cresce { from { transform: scaleY(0.05); } }
}

.produto { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: 40px; margin-top: clamp(64px, 8vw, 104px); }
.produto .subtitulo { margin-top: 0; }
.produto__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.produto__lista li { position: relative; padding-left: 28px; color: var(--texto-2); }
.produto__lista li::before { content: ""; position: absolute; left: 0; top: 0.35em; width: 14px; height: 14px; background: var(--verde); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M8 92 L88 12 M38 8 H92 V62' fill='none' stroke='black' stroke-width='18'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M8 92 L88 12 M38 8 H92 V62' fill='none' stroke='black' stroke-width='18'/%3E%3C/svg%3E") center / contain no-repeat; }
.produto__lista b { color: var(--texto); }
.telefones { display: flex; justify-content: center; gap: clamp(10px, 2vw, 18px); padding-top: 24px; }
.telefone { width: 31%; max-width: 220px; margin: 0; overflow: hidden; border-radius: clamp(18px, 2.4vw, 30px); border: 5px solid var(--surface-2); background: #000; box-shadow: var(--sombra); }
.telefone:nth-child(2) { transform: translateY(-24px); }
.telefone img { width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: cover; object-position: top; }
@media (max-width: 860px) { .produto { grid-template-columns: 1fr; } }

/* ---------- jogadas ---------- */
.funil { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-radius: var(--r-card); border: 1px solid var(--borda); overflow: hidden; }
.funil li { position: relative; padding: 22px 22px 24px; background: var(--surface); border-right: 1px solid var(--borda); }
.funil li:last-child { border-right: 0; background: linear-gradient(180deg, rgba(0, 200, 83, 0.12), var(--surface)); }
.funil__n { display: block; font: 900 64px/0.9 var(--f-num); color: transparent; -webkit-text-stroke: 1.5px var(--verde); }
.funil__nome { margin: 12px 0 10px; font: 700 26px/1 var(--f-display); text-transform: uppercase; }
.funil__move { margin: 0 0 14px; font-size: 15px; color: var(--texto-2); }
.funil__mede { display: flex; align-items: center; gap: 8px; margin: 0; font: 600 13px/1.3 var(--f-texto); color: var(--verde); }
.funil__nota { font-size: 15px; color: var(--texto-2); }
@media (max-width: 900px) {
  .funil { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .funil li:nth-child(2) { border-right: 0; }
  .funil li:nth-child(-n + 2) { border-bottom: 1px solid var(--borda); }
}
@media (max-width: 520px) {
  .funil { grid-template-columns: 1fr; }
  .funil li { border-right: 0; border-bottom: 1px solid var(--borda); }
  .funil li:last-child { border-bottom: 0; }
}

.perfis { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 20px; }
.perfis__abas { display: flex; flex-direction: column; gap: 6px; }
.perfis__abas button { display: grid; gap: 4px; padding: 14px 16px; text-align: left; border-radius: 12px; border: 1px solid var(--borda); background: transparent; cursor: pointer; transition: border-color 0.15s, background-color 0.15s; }
.perfis__abas button:hover { border-color: var(--borda-forte); }
.perfis__abas button b { font: 700 20px/1 var(--f-display); text-transform: uppercase; }
.perfis__abas button span { font-size: 13px; color: var(--texto-3); }
.perfis__abas button[aria-selected="true"] { background: var(--surface); border-color: var(--verde); }
.perfil { padding: clamp(22px, 3vw, 36px); border-radius: var(--r-card); background: var(--surface); border: 1px solid var(--borda); }
.perfil__jogada { margin: 0 0 26px; font: 700 clamp(26px, 2.6vw, 38px)/1.06 var(--f-display); text-transform: uppercase; }
.perfil__grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 28px; margin: 0; }
.perfil__grade dt { margin-bottom: 6px; font: 600 12px/1 var(--f-texto); letter-spacing: 0.14em; text-transform: uppercase; color: var(--texto-3); }
.perfil__grade dd { margin: 0; }
.perfil__erro { grid-column: 1 / -1; padding: 14px 16px; border-radius: 12px; background: rgba(255, 59, 48, 0.07); border: 1px solid rgba(255, 59, 48, 0.3); }
.perfil__erro dt { color: var(--erro-texto); }
.perfil__acoes { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border-radius: 999px; border: 1px solid var(--borda); background: var(--preto); font: 600 13px/1 var(--f-mono); color: var(--amarelo); cursor: pointer; }
.chip:hover { border-color: var(--verde); }
@media (max-width: 900px) {
  .perfis { grid-template-columns: 1fr; }
  .perfis__abas { flex-direction: row; overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; }
  .perfis__abas button { flex: 0 0 auto; min-width: 170px; }
  .perfil__grade { grid-template-columns: 1fr; }
}

.dicas { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
.dicas li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 14px; padding: 20px 0; border-top: 1px solid var(--borda); }
.dicas .seta-i { width: 20px; height: 20px; margin-top: 2px; color: var(--verde); }
.dicas b { display: block; margin-bottom: 6px; font: 700 22px/1.05 var(--f-display); text-transform: uppercase; }
.dicas p { margin: 0; font-size: 15px; color: var(--texto-2); }
@media (max-width: 760px) { .dicas { grid-template-columns: 1fr; } }

/* ---------- ritmo ---------- */
.semana { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; }
.dia { position: relative; display: flex; flex-direction: column; gap: 10px; min-height: 270px; padding: 18px 16px; border-radius: var(--r-card); background: var(--surface); border: 1px solid var(--borda); }
.dia__sigla { margin: 0; font: 700 42px/1 var(--f-display); }
.dia__nome { margin: 0; font: 700 19px/1.05 var(--f-display); text-transform: uppercase; color: var(--amarelo); }
.dia__foco { margin: 0; font-size: 14px; color: var(--texto-2); }
.dia__horas { margin: auto 0 0; font: 600 13px/1 var(--f-texto); font-variant-numeric: tabular-nums; }
.dia--hoje { border-color: var(--verde); background: linear-gradient(180deg, rgba(0, 200, 83, 0.13), var(--surface) 62%); }
.dia__hoje { position: absolute; top: 16px; right: 14px; padding: 5px 9px; border-radius: 999px; background: var(--verde); color: var(--preto); font: 700 12px/1 var(--f-display); letter-spacing: 0.1em; }
@media (max-width: 1100px) {
  .semana { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(210px, 1fr); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; }
  .dia { scroll-snap-align: start; }
}

.horas__grafico { display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 4px; margin-top: 18px; }
.hora { display: flex; flex-direction: column; gap: 8px; }
.hora__zona { display: flex; align-items: flex-end; height: 120px; }
.hora__b { width: 100%; min-height: 4px; border-radius: 4px 4px 2px 2px; background: var(--surface-2); }
.hora[data-n="1"] .hora__b { background: #2B3B4D; }
.hora[data-n="2"] .hora__b { background: rgba(0, 200, 83, 0.55); }
.hora[data-n="3"] .hora__b { background: var(--verde); }
.hora__t { min-height: 12px; text-align: center; font: 600 11px/1 var(--f-texto); font-variant-numeric: tabular-nums; color: var(--texto-3); }
.hora.agora .hora__t { color: var(--amarelo); }
.hora.agora .hora__b { box-shadow: 0 0 0 2px var(--amarelo); }

.gatilhos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
.gatilhos li { display: grid; gap: 6px; padding: 18px 0; border-top: 1px solid var(--borda); }
.gatilhos b { font: 700 22px/1.05 var(--f-display); text-transform: uppercase; }
.gatilhos span { font-size: 15px; color: var(--texto-2); }
@media (max-width: 760px) { .gatilhos { grid-template-columns: 1fr; } }

/* ---------- time ---------- */
.entrada { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.entrada__card { position: relative; overflow: hidden; padding: 28px; border-radius: var(--r-card); background: var(--surface); border: 1px solid var(--borda); }
.entrada__card .entrada__letra { position: absolute; right: 18px; top: -24px; margin: 0; font: 900 150px/1 var(--f-num); color: transparent; -webkit-text-stroke: 1.5px var(--borda-forte); pointer-events: none; }
.entrada__card h3 { position: relative; margin: 0 0 12px; max-width: 80%; font: 700 28px/1 var(--f-display); text-transform: uppercase; }
.entrada__card p { position: relative; margin: 0 0 16px; color: var(--texto-2); }
.entrada__card a:not(.btn) { color: var(--texto); }
@media (max-width: 760px) { .entrada { grid-template-columns: 1fr; } }

.linkbox { display: flex; align-items: center; gap: 10px; margin-top: 12px; padding: 8px 8px 8px 14px; border-radius: 12px; background: var(--preto); border: 1px solid var(--borda); }
.linkbox code { flex: 1; min-width: 0; overflow-wrap: anywhere; font-size: 14px; }

.repasse { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; gap: 40px; }
.repasse__texto p { color: var(--texto-2); }
.repasse__form { display: grid; }
.repasse__res { position: sticky; top: calc(var(--topo-h) + 24px); margin-top: clamp(56px, 7vw, 88px); padding: 28px; border-radius: var(--r-card); background: var(--surface); border: 1px solid var(--borda); }
.barra { display: flex; height: 56px; overflow: hidden; border-radius: 12px; background: var(--surface-2); }
.barra span { flex-basis: 0; transition: flex-grow 0.45s var(--ease); }
.barra__voce { background: var(--amarelo); }
.barra__sub { background: var(--verde); }
.repasse__nums { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 22px; }
.repasse__rot { margin: 0; font: 600 12px/1 var(--f-texto); letter-spacing: 0.14em; text-transform: uppercase; color: var(--texto-3); }
.repasse__num { margin: 6px 0 0; font: 900 clamp(48px, 6vw, 84px)/1 var(--f-num); font-variant-numeric: tabular-nums; }
.repasse__num small { display: block; margin-top: 6px; font: 600 15px/1.2 var(--f-texto); color: var(--texto-2); }
.repasse__frase { margin: 18px 0 0; color: var(--texto-2); }
.repasse__frase.erro { color: var(--erro-texto); }
@media (max-width: 860px) { .repasse { grid-template-columns: 1fr; } .repasse__res { position: static; margin-top: 0; } }

.kit-time { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; gap: 40px; }
.kit-time__texto p { color: var(--texto-2); }
.kit-time__form { display: grid; }
.kit-time__form .btn { margin-top: 20px; justify-self: start; }
.kit-time__saida { margin-top: clamp(56px, 7vw, 88px); min-height: 200px; padding: 28px; border-radius: var(--r-card); background: var(--surface); border: 1px dashed var(--borda-forte); }
.kit-time__saida.pronto { border-style: solid; border-color: rgba(0, 200, 83, 0.45); }
.kit-time__vazio { margin: 0; color: var(--texto-3); }
.kit-time__saida .rot:first-child { margin-top: 0; }
.kit-time__acoes { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
@media (max-width: 860px) { .kit-time { grid-template-columns: 1fr; } .kit-time__saida { margin-top: 0; } }

.rituais { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 32px; }
.rituais li { padding: 20px 0; border-top: 1px solid var(--borda); }
.rituais b { display: block; margin-bottom: 6px; font: 700 22px/1.05 var(--f-display); text-transform: uppercase; }
.rituais p { margin: 0; font-size: 15px; color: var(--texto-2); }
@media (max-width: 900px) { .rituais { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .rituais { grid-template-columns: 1fr; } }

.radar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
.radar__lista, .regras__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.radar__lista li, .regras__lista li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 12px; align-items: start; }
.radar__lista li::before, .regras__lista li::before { content: ""; width: 18px; height: 18px; margin-top: 3px; -webkit-mask: var(--icone) center / contain no-repeat; mask: var(--icone) center / contain no-repeat; }
.radar__lista--sim li::before, .regras__lista--sim li::before { background: var(--verde); --icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 10.5l4.5 4.5L17 5' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E"); }
.radar__lista--nao li::before, .regras__lista--nao li::before { background: var(--erro); --icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 4l12 12M16 4L4 16' stroke='black' stroke-width='3'/%3E%3C/svg%3E"); }
@media (max-width: 760px) { .radar { grid-template-columns: 1fr; } }

/* ---------- regras ---------- */
.combinado .subtitulo { margin-top: 0; }
.combinado__lista { margin: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; border-radius: var(--r-card); border: 1px solid var(--borda); overflow: hidden; }
.combinado__lista div { padding: 20px; background: var(--surface); border-right: 1px solid var(--borda); }
.combinado__lista div:last-child { border-right: 0; }
.combinado__lista dt { margin-bottom: 10px; font: 700 22px/1 var(--f-display); text-transform: uppercase; color: var(--amarelo); }
.combinado__lista dd { margin: 0; font-size: 14.5px; color: var(--texto-2); }
@media (max-width: 1000px) {
  .combinado__lista { grid-template-columns: 1fr; }
  .combinado__lista div { border-right: 0; border-bottom: 1px solid var(--borda); }
  .combinado__lista div:last-child { border-bottom: 0; }
}
.regras { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
.regras__lista li { padding: 12px 0; border-top: 1px solid var(--borda); }
@media (max-width: 760px) { .regras { grid-template-columns: 1fr; } }

/* ---------- fechamento ---------- */
.final { position: relative; overflow: hidden; isolation: isolate; padding-block: clamp(96px, 12vw, 168px); background: var(--preto); clip-path: polygon(0 var(--corte), 100% 0, 100% 100%, 0 100%); margin-top: calc(var(--corte) * -1); }
.final__fundo { position: absolute; inset: 0; z-index: -1; }
.final__fundo .circ--verde { width: min(900px, 110vw); aspect-ratio: 1; left: 50%; top: 50%; transform: translate(-30%, -50%); }
.final__fundo .diag { left: 6%; top: 18%; transform: scale(0.8); }
.final__in { text-align: center; }
.final__titulo { display: inline-flex; align-items: flex-start; gap: 0.06em; margin: 0; font: 700 clamp(140px, 30vw, 380px)/0.8 var(--f-display); letter-spacing: -0.02em; }
.final__titulo .seta-svg { width: 0.56em; height: 0.56em; }
.final__lead { margin: 28px auto 0; max-width: 44ch; font-size: clamp(18px, 1.6vw, 22px); color: var(--texto-2); }
.final__acoes { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 32px; }