/* Edit Like Me — o layout parado de cada seção. O movimento de cada uma fica no CSS dela (hero.css, dor.css…). */

/* ── 1 · Topo ───────────────────────────────────────────── */
.hero { padding-top: calc(var(--topo-h) + clamp(44px, 8vw, 104px)); padding-bottom: clamp(56px, 8vw, 110px); overflow: clip; }
.hero-luz { position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background: radial-gradient(600px 420px at var(--mx, 50%) var(--my, 30%), rgba(90,162,255,.10), transparent 70%),
              radial-gradient(1000px 560px at 50% -12%, rgba(42,92,240,.30), transparent 62%),
              radial-gradient(1200px 600px at 50% 105%, rgba(42,92,240,.16), transparent 62%); }
.hero-texto { position: relative; z-index: 2; width: min(100% - 2 * var(--gut), 1040px); margin-inline: auto; text-align: center; }
.selo { display: inline-flex; align-items: center; gap: 10px; padding: 7px 14px 7px 12px; border-radius: 999px; border: 1px solid var(--azul-borda);
  background: rgba(15,27,56,.55); font-family: var(--mono); font-size: 12px; letter-spacing: .03em; color: var(--azul-sel); margin-bottom: 28px; }
.selo-ponto { width: 7px; height: 7px; border-radius: 50%; background: var(--azul-claro); box-shadow: 0 0 0 0 rgba(90,162,255,.6); animation: selo-pulsa 2.4s ease-out infinite; }
@media (prefers-reduced-motion: reduce) { .selo-ponto { animation: none; } }
@keyframes selo-pulsa { 0% { box-shadow: 0 0 0 0 rgba(90,162,255,.55); } 70%, 100% { box-shadow: 0 0 0 9px rgba(90,162,255,0); } }
.hero h1 { font-size: clamp(46px, 9.2vw, 122px); letter-spacing: -.03em; line-height: .95; }
.hero .lead { margin-inline: auto; margin-top: 28px; max-width: 58ch; }
.acoes { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 36px; }
.hero-req { font-family: var(--mono); font-size: 12px; color: var(--t3); margin-top: 22px; letter-spacing: .02em; }
.hero-palco { position: relative; z-index: 1; width: min(100% - 2 * var(--gut), var(--largo)); margin: clamp(48px, 7vw, 88px) auto 0; }
@media (max-width: 560px) { .acoes .btn { width: 100%; } }

/* ── 2 · A dor ──────────────────────────────────────────── */
.dor { background: linear-gradient(180deg, var(--bg), #050607 45%, var(--bg)); }
.dor-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(40px, 6vw, 88px); align-items: center; }
.dor-relogio { padding: clamp(22px, 3vw, 32px); border-radius: var(--r3); border: 1px solid var(--linha); background: linear-gradient(180deg, #0f1012, #0a0b0c); }
.dor-tc { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 14px; margin-bottom: 22px; }
.tc-grande { font-family: var(--mono); font-size: clamp(40px, 5.4vw, 60px); letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--t1); line-height: 1; }
.dor-tc small { font-family: var(--mono); font-size: 12px; color: var(--t3); }
.dor-barra { display: grid; gap: 7px; }
.dor-barra li { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 36px; padding: 0 12px; border-radius: 8px; overflow: hidden; font-size: 14.5px; isolation: isolate; }
.dor-barra li::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: linear-gradient(90deg, rgba(255,138,122,.20), rgba(255,138,122,.07));
  border: 1px solid rgba(255,138,122,.18); transform-origin: left center; transform: scaleX(calc(var(--min) / 45 * var(--enche, 1))); }
.dor-barra li b { font-weight: 400; color: var(--t1); }
.dor-barra li span { font-family: var(--mono); font-size: 12px; color: var(--t2); font-variant-numeric: tabular-nums; }
.dor-fecho { font-family: var(--serif); font-size: clamp(30px, 3.4vw, 40px); line-height: 1.05; margin-top: 24px; color: var(--t2); }
.dor-fecho strong { font-weight: 400; color: var(--t1); }
.dor-virada { margin-top: clamp(56px, 8vw, 96px); }
.dor-virada p { font-size: clamp(20px, 2.1vw, 26px); line-height: 1.4; color: var(--t1); padding-left: 22px; border-left: 2px solid var(--azul-claro); text-wrap: pretty; }
@media (max-width: 860px) { .dor-grid { grid-template-columns: 1fr; } }

/* ── 3 · Iceberg (layout parado; a descida está em iceberg.css) ── */
.iceberg { padding: 0; background: var(--mar); }
.ice-pino { position: relative; height: 100svh; min-height: 560px; overflow: hidden; }
.ice-cena, .ice-poster, .ice-poster img, .ice-video, .ice-fundo { position: absolute; inset: 0; width: 100%; height: 100%; }
.ice-poster img, .ice-video { object-fit: cover; object-position: 50% 40%; }
.ice-veu { position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(8,9,10,.95) 0%, rgba(8,9,10,.5) 16%, rgba(8,9,10,0) 30%, rgba(4,16,31,0) 70%, rgba(4,16,31,.7) 100%); }
.ice-cima { position: absolute; left: 50%; top: calc(var(--topo-h) + 2vh); transform: translateX(-50%); width: min(100% - 2 * var(--gut), 900px); text-align: center; }
.ice-cima h2 { font-size: clamp(44px, 7.6vw, 96px); text-shadow: 0 2px 40px rgba(0,0,0,.6); }
.ice-cima p { display: inline-block; margin-top: 14px; padding: 7px 14px; border-radius: 999px; background: rgba(8,9,10,.55); border: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: var(--t1); font-size: clamp(15px, 1.4vw, 18px); }
/* cartões: no modo parado, uma lista em grade embaixo da foto */
.ice-cartoes { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px;
  width: min(100% - 2 * var(--gut), var(--largo)); margin: 0 auto; padding: 62svh 0 10vh; }
.ice-cartao { padding: 18px 20px 20px; border-radius: 16px; background: rgba(6,18,36,.62); border: 1px solid rgba(153,200,255,.22);
  backdrop-filter: blur(12px) saturate(1.2); -webkit-backdrop-filter: blur(12px) saturate(1.2); box-shadow: 0 24px 60px -20px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.06); }
.ice-cartao b { display: inline-block; font-family: var(--mono); font-weight: 400; font-size: 12px; color: var(--azul-sel); letter-spacing: .04em; padding: 3px 8px; border-radius: 6px; background: rgba(42,92,240,.18); border: 1px solid rgba(153,200,255,.2); }
.ice-cartao h3 { margin-top: 12px; font-size: clamp(24px, 2.2vw, 30px); }
.ice-cartao p { margin-top: 8px; font-size: 15px; line-height: 1.45; color: var(--t2); }
.ice-prof { position: absolute; right: max(var(--gut), 3vw); top: 50%; transform: translateY(-50%); display: none; }
/* ── 4 · Tudo o que ele faz ─────────────────────────────── */
.faz { background: linear-gradient(180deg, var(--mar) 0%, var(--mar-2) 40%, var(--bg) 100%); padding-top: clamp(48px, 7vw, 96px); }
.faz-cabeca { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px 48px; flex-wrap: wrap; margin-bottom: clamp(32px, 5vw, 56px); }
.faz-conta { font-family: var(--mono); font-size: 13px; color: var(--azul-sel); display: flex; align-items: baseline; gap: 10px; }
.faz-n { font-family: var(--serif); font-size: 64px; line-height: .8; color: var(--t1); font-variant-numeric: tabular-nums; }
.faz-grade { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.faz-card { position: relative; display: flex; flex-direction: column; padding: 16px 18px 20px; border-radius: 18px; border: 1px solid rgba(120,170,255,.13);
  background: linear-gradient(180deg, rgba(10,28,56,.62), rgba(6,16,32,.5)); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); min-width: 0; }
.faz-card.grande { grid-column: span 2; }
.faz-cena { position: relative; height: 128px; margin-bottom: 18px; border-radius: 12px; background: rgba(2,8,18,.55); border: 1px solid rgba(120,170,255,.08); overflow: hidden; }
.faz-card.grande .faz-cena { height: 168px; }
.faz-card h3 { font-size: 22px; }
.faz-card p { margin-top: 8px; font-size: 14.5px; color: var(--t2); line-height: 1.45; }
@media (max-width: 1040px) { .faz-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .faz-grade { grid-template-columns: minmax(0, 1fr); } .faz-card.grande { grid-column: auto; } .faz-card.grande .faz-cena { height: 140px; } }

/* ── 5 · O painel por dentro ────────────────────────────── */
.tour { margin-top: clamp(32px, 5vw, 56px); }
.tour-abas { position: relative; display: inline-flex; gap: 2px; padding: 4px; border-radius: 14px; background: #101113; border: 1px solid var(--linha); max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.tour-abas::-webkit-scrollbar { display: none; }
.tour-aba { position: relative; z-index: 1; display: inline-flex; align-items: baseline; gap: 8px; min-height: 44px; padding: 10px 16px; border-radius: 10px; font-size: 15px; color: var(--t3); white-space: nowrap; overflow: hidden; transition: color var(--tabs-dur) var(--tabs-ease); }
.tour-aba small { font-family: var(--mono); font-size: 11px; color: inherit; opacity: .8; }
.tour-aba[aria-selected="true"] { color: var(--t1); }
.tour-pilula { position: absolute; z-index: 0; top: 4px; bottom: 4px; left: 0; width: 0; border-radius: 10px; background: var(--azul-f); box-shadow: inset 0 0 0 1px var(--azul-borda);
  transition: transform var(--tabs-dur) var(--tabs-ease), width var(--tabs-dur) var(--tabs-ease); }
.tour-progresso { position: absolute; left: 12px; right: 12px; bottom: 5px; height: 2px; border-radius: 2px; background: var(--azul-claro); transform-origin: left; transform: scaleX(0); opacity: 0; }
.tour-aba[aria-selected="true"] .tour-progresso { opacity: .9; }
.tour-telas { margin-top: 22px; }
.tour-tela { display: grid; grid-template-columns: minmax(240px, 330px) minmax(0, 1fr); gap: clamp(24px, 4vw, 52px); align-items: start; }
.tour-txt { padding-top: 12px; }
.tour-txt p { color: var(--t2); margin-top: 14px; font-size: 16px; }
@media (max-width: 860px) { .tour-tela { grid-template-columns: 1fr; } .tour-txt { padding-top: 0; } }

/* ── 6 · Monta ao vivo ──────────────────────────────────── */
.monta { background: linear-gradient(180deg, var(--bg), #040507 50%, var(--bg)); }
.monta-grid { display: grid; grid-template-columns: minmax(0, 410px) minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
.monta-passos { margin-top: 30px; display: grid; gap: 2px; }
.monta-passos li { position: relative; display: grid; grid-template-columns: 26px 1fr; column-gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--linha); }
.monta-passos li::before { content: ""; grid-row: span 2; width: 22px; height: 22px; margin-top: 1px; border-radius: 50%; border: 1px solid var(--linha-forte); transition: background-color 300ms var(--sai), border-color 300ms var(--sai), box-shadow 300ms var(--sai); }
.monta-passos li.feito::before { background: var(--azul) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 14px no-repeat; border-color: var(--azul-claro); box-shadow: 0 0 14px rgba(90,162,255,.6); }
.monta-passos b { font-weight: 500; }
.monta-passos span { font-size: 14px; color: var(--t3); }
.monta-camera { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #0b0c0e; }
.monta-palco { position: absolute; inset: 0; transform-origin: 0 0; transition: transform 1.1s cubic-bezier(.65,0,.35,1); will-change: transform; }
.monta-palco video { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 900px) { .monta-grid { grid-template-columns: 1fr; } }

/* ── 7 · Depois ─────────────────────────────────────────── */
.depois-grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: clamp(32px, 5vw, 56px); }
.depois-card { display: flex; flex-direction: column; gap: 12px; }
.depois-cena { position: relative; height: 150px; margin-bottom: 8px; border-radius: 12px; background: #0b0c0e; border: 1px solid var(--linha); overflow: hidden; }
.depois-card p { color: var(--t2); font-size: 15.5px; }
@media (max-width: 900px) { .depois-grade { grid-template-columns: minmax(0, 1fr); } }

/* ── 8 · Oferta ─────────────────────────────────────────── */
.oferta { background: radial-gradient(900px 600px at 78% 45%, rgba(42,92,240,.16), transparent 65%), var(--bg); }
.oferta-titulo { white-space: nowrap; font-size: clamp(40px, 6.6vw, 84px); }
.oferta-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 420px); gap: clamp(28px, 4vw, 56px); align-items: start; margin-top: clamp(32px, 4vw, 48px); }
.pacote { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.pacote-item { grid-column: span 2; position: relative; display: grid; gap: 6px; align-content: start; padding: 20px; border-radius: 18px;
  border: 1px solid var(--linha-forte); background: linear-gradient(180deg, rgba(20,24,34,.9), rgba(10,11,14,.7)); }
.pacote-item:nth-child(5), .pacote-item:nth-child(6) { grid-column: span 3; }
.pacote-item h3 { font-size: clamp(21px, 1.9vw, 26px); margin-top: 8px; }
.pacote-item p { color: var(--t2); font-size: 15px; line-height: 1.45; }
.pacote-icone { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: rgba(42,92,240,.16); border: 1px solid rgba(153,200,255,.22); }
.pacote-icone svg { width: 24px; height: 24px; fill: none; stroke: var(--azul-sel); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.pacote-item.grande { grid-column: 1 / -1; padding: clamp(22px, 2.6vw, 30px); border-color: rgba(153,200,255,.28);
  background: radial-gradient(600px 260px at 15% 0%, rgba(42,92,240,.24), transparent 70%), linear-gradient(180deg, rgba(14,22,44,.95), rgba(8,10,16,.85));
  box-shadow: 0 0 0 1px rgba(153,200,255,.06), 0 40px 90px -40px rgba(42,92,240,.55); }
.pacote-topo { display: flex; gap: 16px; align-items: flex-start; }
.pacote-item.grande .pacote-icone { width: 56px; height: 56px; border-radius: 14px; }
.pacote-item.grande .pacote-icone svg { width: 30px; height: 30px; }
.pacote-item.grande h3 { font-size: clamp(30px, 3.2vw, 44px); margin-top: 0; }
.pacote-item.grande .pacote-topo p { font-size: 16.5px; margin-top: 6px; }
.pacote-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.pacote-chips li { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 999px; font-size: 13.5px; color: var(--t1);
  background: rgba(255,255,255,.04); border: 1px solid rgba(153,200,255,.18); }
.pacote-chips li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--azul-claro); box-shadow: 0 0 8px rgba(90,162,255,.8); }
.preco { position: sticky; top: calc(var(--topo-h) + 24px); box-shadow: var(--glow-forte), 0 0 120px -30px rgba(42,92,240,.5); }
.preco-corpo { padding: clamp(26px, 3.4vw, 38px); background: radial-gradient(500px 300px at 50% 0%, rgba(42,92,240,.22), transparent 70%); }
.preco-rotulo { font-family: var(--mono); font-size: 12px; color: var(--azul-sel); letter-spacing: .06em; text-transform: uppercase; }
.preco-normal { margin-top: 14px; font-size: 15px; color: var(--t3); }
.preco-valor { display: flex; align-items: flex-start; gap: 6px; margin-top: 4px; font-family: var(--serif); line-height: .82; }
.preco-moeda { font-size: 34px; margin-top: 14px; color: var(--t2); }
.preco-valor .t-digit-group { font-size: clamp(110px, 12vw, 150px); letter-spacing: -.04em; }
.preco-tipo { font-family: var(--mono); font-size: 13px; color: var(--t2); margin-top: 6px; }
.preco-parcela { margin-top: 6px; color: var(--t2); }
.preco-depois { margin-top: 18px; padding: 12px 14px; border-radius: 10px; background: rgba(255,255,255,.03); border: 1px solid var(--linha); font-size: 14.5px; color: var(--t2); }
.preco .btn-cheio { margin-top: 22px; }
.preco-nota { margin-top: 12px; font-size: 13.5px; color: var(--t3); text-align: center; }
.preco-garantias { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--linha); display: grid; gap: 8px; font-size: 13.5px; color: var(--t3); }
.preco-garantias b { font-weight: 500; color: var(--t1); }
@media (max-width: 1000px) { .oferta-grid { grid-template-columns: minmax(0, 1fr); } .preco { position: relative; top: auto; } }
@media (max-width: 700px) { .oferta-titulo { white-space: normal; } .pacote { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pacote-item, .pacote-item:nth-child(5), .pacote-item:nth-child(6) { grid-column: span 1; } .pacote-item.grande { grid-column: 1 / -1; } .pacote-item:nth-child(6) { grid-column: 1 / -1; } .pacote-topo { flex-direction: column; gap: 12px; } }

/* ── 9 · Requisitos ─────────────────────────────────────── */
.requisitos { padding-block: clamp(72px, 9vw, 120px); }
.requisitos h2 { font-size: clamp(36px, 4.8vw, 60px); }
.req-lista { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 32px; }
.req-lista li { display: grid; gap: 6px; align-content: start; padding: 22px; border-radius: 18px; border: 1px solid var(--linha-forte);
  background: linear-gradient(180deg, rgba(20,24,34,.9), rgba(10,11,14,.7)); }
.req-lista li .pacote-icone { margin-bottom: 10px; }
.req-lista b { font-weight: 500; font-size: 19px; }
.req-lista span:not(.pacote-icone) { font-size: 14.5px; color: var(--t2); }
.req-breve { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 10px; margin-top: 18px; padding: 16px 18px; border-radius: 16px; border: 1px dashed rgba(153,200,255,.28); background: rgba(42,92,240,.06); }
.req-breve-rotulo { font-family: var(--mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--azul-sel); margin-right: 6px; }
.req-chip { padding: 6px 12px; border-radius: 999px; font-size: 14px; color: var(--t1); background: rgba(255,255,255,.05); border: 1px solid var(--linha-forte); }
.req-breve a { margin-left: auto; font-size: 14.5px; color: var(--azul-sel); min-height: 44px; display: inline-flex; align-items: center; gap: 6px; }
@media (hover: hover) { .req-breve a:hover .seta { transform: translateX(3px); } }
@media (max-width: 900px) { .req-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .req-lista li { padding: 18px; } .req-lista b { font-size: 17px; } .req-breve a { margin-left: 0; } }

/* ── 10 · Quem fez ──────────────────────────────────────── */
.quem { background: linear-gradient(180deg, var(--bg), #060708 50%, var(--bg)); }
.quem-texto p { font-size: clamp(18px, 1.7vw, 21px); line-height: 1.55; color: var(--t2); margin-top: 20px; text-wrap: pretty; }
.quem-texto h2 { font-size: clamp(38px, 5vw, 60px); }
.quem-assina { font-family: var(--serif); font-size: 28px; color: var(--t1) !important; margin-top: 28px !important; }

/* ── 11 · Lista ─────────────────────────────────────────── */
.lista { background: radial-gradient(800px 520px at 50% 30%, rgba(42,92,240,.18), transparent 65%), var(--bg); }
.lista-caixa { text-align: center; }
.lista-caixa h2 { font-size: clamp(36px, 5.2vw, 64px); }
.lista-caixa .lead { margin-inline: auto; }
.form { position: relative; display: grid; gap: 16px; margin-top: 36px; text-align: left; padding: clamp(22px, 3.4vw, 34px); border-radius: var(--r3);
  border: 1px solid rgba(170,210,255,.14); background: linear-gradient(180deg, rgba(17,18,20,.92), rgba(10,11,13,.92)); box-shadow: var(--glow-forte); }
.campo { display: grid; gap: 7px; }
.campo label { font-size: 14px; color: var(--t2); }
.campo label small { color: var(--t3); font-size: 12.5px; }
.campo input { width: 100%; height: 52px; padding: 0 16px; border-radius: 12px; border: 1px solid var(--linha-forte); background: #0b0c0e; color: var(--t1); font: 400 17px var(--sans); outline: none; }
.campo input::placeholder { color: #565b63; }
.campo input:focus { border-color: var(--azul-claro); box-shadow: 0 0 0 4px rgba(90,162,255,.16); }
.campo.is-error input { border-color: var(--alerta); }
.campo-erro { font-size: 13.5px; color: var(--alerta); min-height: 0; }
.campo-erro:empty { display: none; }
.consentimento { font-size: 13px; color: var(--t3); line-height: 1.5; }
.consentimento a { color: var(--t2); text-decoration: underline; text-underline-offset: 2px; }
.turnstile:empty { display: none; }
.form-resposta { font-size: 15px; color: var(--t2); text-align: center; }
.form-resposta:empty { display: none; }

/* ── 12 · Dúvidas ───────────────────────────────────────── */
.duvidas h2 { margin-bottom: 28px; }
.perguntas { border-top: 1px solid var(--linha); }
.perguntas details { border-bottom: 1px solid var(--linha); }
.perguntas summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 64px; padding: 16px 0; cursor: pointer; list-style: none; font-size: clamp(17px, 1.6vw, 19px); }
.perguntas summary::-webkit-details-marker { display: none; }
.perguntas summary::after { content: ""; flex: none; width: 10px; height: 10px; border-right: 1.5px solid var(--t3); border-bottom: 1.5px solid var(--t3); transform: translateY(-3px) rotate(45deg); transition: transform var(--acc-expand) var(--acc-ease); }
.perguntas details[open] summary::after { transform: translateY(2px) rotate(225deg); }
.resposta { padding: 0 0 22px; color: var(--t2); max-width: 62ch; }
@media (prefers-reduced-motion: no-preference) {
  .perguntas details[open] .resposta { animation: resposta-entra var(--acc-expand) var(--acc-ease); }
}
@keyframes resposta-entra { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (hover: hover) { .perguntas summary:hover::after { border-color: var(--t1); } }
@media (max-width: 600px) { .hero h1 { font-size: clamp(44px, 13vw, 64px); } .selo { font-size: 11px; } }
/* celular: título → vídeo → passos (os ✓ marcam enquanto o vídeo está à vista) */
@media (max-width: 900px) {
  .monta-grid { gap: 0; }
  .monta-texto { display: contents; }
  .monta-texto h2 { order: 1; } .monta-texto .lead { order: 2; } .monta-video { order: 3; margin-top: 28px; } .monta-passos { order: 4; }
}

/* telas muito estreitas (320 px com texto grande do sistema): nada passa da borda */
@media (max-width: 360px) {
  .topo { gap: 12px; }
  .marca { font-size: 20px; }
  .topo .btn-p, .barra-cta .btn-p { padding: 0 12px; font-size: 13px; }
  .barra-preco { font-size: 20px; }
  .tour-aba { font-size: 10px !important; }
}