/* Landing page de vendas do Cardápio MOV. Paleta da plataforma Só Delivery. */
.cml { --gut:clamp(24px,6vw,72px); --o:#ed501f; --od:#c83a0c; --ink:#222a29; --muted:#777b76; --line:#e8e8e2; --cream:#f6f5f0; --moss:#6c7563; --white:#fff; --r:18px;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--ink); background:var(--cream); line-height:1.5; -webkit-font-smoothing:antialiased; overflow-x:clip; }
.cml *,.cml *::before,.cml *::after { box-sizing:border-box; }
.cml :where(h1,h2,h3,p,ul,ol) { margin:0; padding:0; }
.cml h1,.cml h2,.cml h3 { font-weight:780; letter-spacing:-.045em; line-height:1.06; }
.cml :where(a) { color:inherit; text-decoration:none; }
.cml img,.cml video { display:block; max-width:100%; }
.cml button,.cml input,.cml select { font:inherit; }
.cml-wrap { width:min(1160px,calc(100% - 2 * var(--gut))); margin:0 auto; }
.cml-accent { color:var(--o); }
.cml-eyebrow { font-size:12px; font-weight:700; letter-spacing:.14em; color:var(--moss); margin-bottom:14px; }
.cml-eyebrow-light { color:#fff; opacity:.92; }

/* Botões */
.cml-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px 26px; min-height:50px; border-radius:12px; background:var(--o); color:#fff; font-weight:700; font-size:16px; border:0; cursor:pointer; transition:background .15s,transform .15s; }
.cml-btn:hover { background:var(--od); }
.cml-btn:active { transform:translateY(1px); }
.cml-btn-sm { padding:10px 18px; min-height:42px; font-size:14px; }
.cml-btn-ghost { background:transparent; color:var(--ink); border:1.5px solid var(--ink); }
.cml-btn-ghost:hover { background:var(--ink); color:#fff; }
.cml-btn-block { width:100%; }

/* Cabeçalho com menu por nicho */
.cml-header { position:sticky; top:0; z-index:50; display:flex; align-items:center; gap:18px; padding:14px max(var(--gut),calc((100% - 1160px)/2)); background:rgba(246,245,240,.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.cml-logo { display:flex; align-items:center; gap:10px; flex:none; }
.cml-logo strong { display:block; font-size:17px; letter-spacing:-.03em; line-height:1.05; }
.cml-logo small { display:block; font-size:11px; color:var(--muted); letter-spacing:.04em; }
.cml-mark { width:40px; height:40px; border-radius:50%; background:var(--o); color:#fff; display:grid; place-items:center; font-weight:800; font-size:21px; }
.cml-tabs { display:flex; gap:8px; flex:1; overflow-x:auto; scrollbar-width:none; padding:2px; }
.cml-tabs::-webkit-scrollbar { display:none; }
.cml-tab { flex:none; border:1px solid var(--line); background:transparent; color:var(--muted); padding:9px 16px; border-radius:99px; font-size:14px; font-weight:600; cursor:pointer; transition:all .15s; white-space:nowrap; }
.cml-tab:hover { color:var(--ink); border-color:var(--ink); }
.cml-tab[aria-selected="true"] { background:var(--o); border-color:var(--o); color:#fff; }

/* Hero */
.cml-hero { width:min(1160px,calc(100% - 2 * var(--gut))); margin:0 auto; padding:84px 0 40px; }
.cml-h1 { font-size:clamp(38px,6.2vw,76px); max-width:14ch; min-height:3.2em; }
.cml-h1.cml-h1-anim { display:grid; }
.cml-h1 .cml-ghost { grid-area:1/1; visibility:hidden; }
.cml-h1 .cml-live { grid-area:1/1; }
.cml-caret { display:inline-block; width:.055em; height:.82em; margin-left:.05em; background:currentColor; vertical-align:-.06em; animation:cml-blink 1s steps(1) infinite; }
@keyframes cml-blink { 50% { opacity:0; } }
.cml-sub { margin-top:22px; max-width:56ch; font-size:clamp(17px,2vw,20px); color:var(--moss); }
.cml-cta-row { display:flex; flex-wrap:wrap; gap:14px; margin-top:36px; }
.cml-trust { display:flex; flex-wrap:wrap; gap:14px 36px; list-style:none; margin-top:44px; padding-top:28px; border-top:1px solid var(--line); font-size:15px; color:var(--muted); }
.cml-trust li::before { content:"✓"; color:var(--o); font-weight:800; margin-right:7px; }

/* Painel do nicho */
.cml-niche { width:min(1160px,calc(100% - 2 * var(--gut))); margin:0 auto; padding:16px 0 96px; display:grid; gap:48px; }
.cml-stage { position:relative; border-radius:var(--r); overflow:hidden; aspect-ratio:2.1/1; background:var(--ink); }
.cml-stage .cml-cover { width:100%; height:100%; object-fit:cover; transition:opacity .35s; }
.cml-stage.is-switching .cml-cover { opacity:0; }
.cml-chip { position:absolute; left:16px; top:16px; display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:99px; background:rgba(34,42,41,.78); color:#fff; font-size:13px; font-weight:600; backdrop-filter:blur(6px); }
.cml-chip i { width:8px; height:8px; border-radius:50%; background:var(--o); box-shadow:0 0 0 4px rgba(237,80,31,.28); }
.cml-demo { position:absolute; right:16px; bottom:16px; padding:10px 16px; border-radius:99px; background:#fff; color:var(--ink); font-size:14px; font-weight:700; }
.cml-demo:hover { background:var(--o); color:#fff; }
.cml-why { display:grid; grid-template-columns:1fr 1.1fr; gap:10px 60px; align-items:start; }
.cml-why .cml-eyebrow { grid-column:1/-1; margin-bottom:0; }
.cml-why-title { font-size:clamp(28px,3.4vw,44px); }
.cml-why-text { margin-top:16px; font-size:18px; color:var(--moss); }
.cml-points { list-style:none; display:grid; gap:18px; grid-column:2; grid-row:2 / span 2; }
.cml-points li { display:grid; grid-template-columns:38px 1fr; gap:14px; }
.cml-n { width:38px; height:38px; border-radius:50%; background:var(--o); color:#fff; display:grid; place-items:center; font-weight:800; }
.cml-points strong { display:block; font-size:18px; letter-spacing:-.02em; }
.cml-points p { color:var(--muted); font-size:15px; margin-top:3px; }
.cml-niche-cta { grid-column:1; justify-self:start; margin-top:18px; }
.cml-dishes { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px; }
.cml-dish h3 { font-size:15px; letter-spacing:-.02em; margin-top:10px; }
.cml-dish p { font-size:14px; color:var(--muted); }
.cml-dish-media { position:relative; border-radius:14px; overflow:hidden; aspect-ratio:4/5; background:var(--ink); }
.cml-dish-media img,.cml-dish-media video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.cml-dish-media video { opacity:0; transition:opacity .3s; }
.cml-dish-media video.is-playing { opacity:1; }

/* Faixa de argumento */
.cml-band { background:var(--ink); color:#fff; padding:96px 0; }
.cml-band h2 { font-size:clamp(30px,4.4vw,54px); max-width:20ch; margin-bottom:34px; }
.cml-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }
.cml-3 strong { display:block; font-size:19px; letter-spacing:-.02em; margin-bottom:6px; }
.cml-3 p { color:#c8cdc7; font-size:16px; }

/* Passos */
.cml-steps { padding:104px 0; }
.cml-steps h2,.cml-features h2,.cml-models h2,.cml-faq h2 { font-size:clamp(30px,4vw,48px); max-width:20ch; margin-bottom:44px; }
.cml-step { background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:32px; }
.cml-step span { width:40px; height:40px; border-radius:50%; background:var(--o); color:#fff; display:grid; place-items:center; font-weight:800; margin-bottom:16px; }
.cml-step p { color:var(--muted); font-size:15px; }
.cml-step strong { color:var(--ink); }

/* Recursos */
.cml-features { background:#fff; padding:104px 0; border-block:1px solid var(--line); }
.cml-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.cml-grid > div { background:var(--cream); border:1px solid var(--line); border-radius:14px; padding:28px; }
.cml-grid strong { display:block; font-size:17px; letter-spacing:-.02em; margin-bottom:5px; }
.cml-grid p { color:var(--muted); font-size:15px; }
.cml-soon { margin-top:22px; color:var(--moss); font-size:15px; }

/* Modelos */
.cml-models { padding:104px 0; }
.cml-model-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.cml-model { position:relative; border-radius:var(--r); overflow:hidden; aspect-ratio:16/10; background:var(--ink); }
.cml-model img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.cml-model:hover img { transform:scale(1.04); }
.cml-model span { position:absolute; inset:auto 0 0 0; padding:44px 18px 16px; background:linear-gradient(transparent,rgba(0,0,0,.72)); color:#fff; display:flex; justify-content:space-between; align-items:end; }
.cml-model strong { font-size:19px; letter-spacing:-.02em; }
.cml-model small { font-size:13px; opacity:.9; }

/* Oferta */
.cml-offer { background:var(--o); color:#fff; padding:96px 0; }
.cml-offer-box { display:grid; grid-template-columns:1.3fr 1fr; gap:48px; align-items:center; }
.cml-offer h2 { font-size:clamp(30px,4vw,48px); }
.cml-check { list-style:none; margin-top:22px; display:grid; gap:10px; font-size:17px; }
.cml-check li::before { content:"✓"; font-weight:800; margin-right:10px; }
.cml-price { background:#fff; color:var(--ink); border-radius:var(--r); padding:38px; text-align:center; display:grid; gap:6px; justify-items:center; }
.cml-price p { color:var(--moss); font-weight:600; font-size:15px; }
.cml-price strong { font-size:64px; letter-spacing:-.06em; line-height:1; color:var(--o); }
.cml-price span { color:var(--muted); font-size:16px; margin-bottom:10px; }
.cml-price small { color:var(--muted); font-size:13px; margin-top:6px; }

/* FAQ */
.cml-faq { padding:104px 0; max-width:min(820px,calc(100% - 2 * var(--gut))); }
.cml-faq details { border-bottom:1px solid var(--line); padding:18px 0; }
.cml-faq summary { cursor:pointer; font-size:18px; font-weight:700; letter-spacing:-.02em; list-style:none; display:flex; justify-content:space-between; gap:16px; }
.cml-faq summary::-webkit-details-marker { display:none; }
.cml-faq summary::after { content:"+"; font-size:26px; line-height:1; color:var(--o); transition:transform .2s; }
.cml-faq details[open] summary::after { transform:rotate(45deg); }
.cml-faq details p { margin-top:10px; color:var(--moss); font-size:16px; }

/* Cadastro */
.cml-final { background:var(--ink); color:#fff; padding:104px 0; }
.cml-final-box { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }
.cml-final h2 { font-size:clamp(30px,4vw,48px); }
.cml-final-copy p:not(.cml-eyebrow) { margin-top:16px; color:#c8cdc7; font-size:18px; }
.cml-form { background:#fff; color:var(--ink); border-radius:var(--r); padding:34px; display:grid; gap:16px; }
.cml-form label { display:grid; gap:6px; font-size:14px; font-weight:600; }
.cml-form input,.cml-form select { padding:13px 14px; border:1.5px solid var(--line); border-radius:10px; font-size:16px; background:var(--cream); color:var(--ink); width:100%; }
.cml-form input:focus,.cml-form select:focus { outline:3px solid rgba(237,80,31,.35); border-color:var(--o); }
.cml-hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.cml-form small { color:var(--muted); font-size:12px; text-align:center; }
.cml-form-msg { min-height:20px; font-size:14px; font-weight:600; text-align:center; }
.cml-form-msg.is-error { color:#b3261e; }
.cml-form-msg.is-ok { color:#1f7a4d; }
.cml-footer { background:var(--ink); color:#aab0a8; padding:26px 0 34px; font-size:14px; border-top:1px solid #36403e; }
.cml-footer .cml-wrap { display:flex; flex-wrap:wrap; gap:6px 18px; justify-content:space-between; }
.cml-footer strong { color:#fff; }

/* Celular e tablet */
@media (max-width:980px) {
  .cml-why { grid-template-columns:1fr; gap:14px; }
  .cml-points { grid-column:1; grid-row:auto; margin-top:12px; }
  .cml-niche-cta { grid-column:1; }
  .cml-dishes { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .cml-3,.cml-grid,.cml-model-grid { grid-template-columns:1fr 1fr; }
  .cml-offer-box,.cml-final-box { grid-template-columns:1fr; gap:30px; }
}
@media (max-width:640px) {
  .cml-header { flex-wrap:wrap; gap:10px 12px; }
  .cml-logo { flex:1; }
  .cml-tabs { order:3; flex:1 1 100%; }
  .cml-hero { padding:44px 0 24px; }
  .cml-h1 { max-width:none; min-height:0; }
  .cml-stage { aspect-ratio:16/10; }
  .cml-chip { font-size:12px; left:10px; top:10px; }
  .cml-demo { right:10px; bottom:10px; font-size:13px; }
  .cml-dishes { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cml-3,.cml-grid,.cml-model-grid { grid-template-columns:1fr; }
  .cml-band,.cml-steps,.cml-features,.cml-models,.cml-faq,.cml-final { padding:72px 0; }
  .cml-niche { padding:12px 0 72px; gap:36px; }
  .cml-3 { gap:28px; }
  .cml-form { padding:26px; }
  .cml-offer { padding:72px 0; }
  .cml-cta-row .cml-btn { width:100%; }
  .cml-price strong { font-size:54px; }
}
@media (prefers-reduced-motion:reduce) { .cml-caret { animation:none; } .cml-model img,.cml-stage .cml-cover { transition:none; } }
/* Barra de administração do WordPress (só aparece para quem está logado) */
/* Tudo que fica sobre laranja é branco (os links herdavam a cor escura do texto). */
.cml .cml-btn, .cml .cml-btn:hover, .cml .cml-btn:visited { color:#fff; }
.cml .cml-btn.cml-btn-ghost { color:var(--ink); }
.cml .cml-btn.cml-btn-ghost:hover { color:#fff; }
.cml .cml-tab[aria-selected="true"], .cml .cml-mark, .cml .cml-n, .cml .cml-step span { color:#fff; }
.cml .cml-offer, .cml .cml-offer h2, .cml .cml-offer .cml-check, .cml .cml-offer .cml-check li, .cml .cml-offer .cml-eyebrow { color:#fff; }
.cml .cml-offer .cml-price .cml-btn { color:#fff; }
.cml .cml-demo:hover { color:#fff; }
@media (max-width:640px) { .cml-trust { margin-top:32px; padding-top:22px; flex-direction:column; gap:12px; } }

/* Menu do topo em UMA linha: logo, os seis nichos e o botão. */
.cml .cml-header { flex-wrap:nowrap; gap:14px; }
.cml .cml-logo { flex:none; }
.cml .cml-logo small { display:none; }
.cml .cml-tabs { order:0; flex:1 1 auto; flex-wrap:nowrap; overflow:visible; justify-content:center; gap:6px; padding:0; }
.cml .cml-tab { padding:8px 13px; font-size:14px; }
.cml .cml-btn-sm { flex:none; white-space:nowrap; }
@media (max-width:900px) {
  .cml .cml-header { flex-wrap:wrap; position:sticky; }
  .cml .cml-logo { flex:1; }
  .cml .cml-burger { display:inline-flex; }
  .cml .cml-tabs { display:none; order:3; flex:1 1 100%; flex-direction:column; align-items:stretch; gap:8px; padding:6px 0 4px; }
  .cml .cml-header.is-open .cml-tabs { display:flex; }
  .cml .cml-tab { padding:13px 16px; font-size:16px; text-align:left; border-radius:12px; }
}
}
/* Responsividade: cabeçalho fixo só em telas grandes; no tablet e no celular ele rola com a página. */
@media (max-width:640px) {
  .cml { --gut:20px; }
  .cml .cml-header { padding-top:14px; padding-bottom:12px; gap:10px 12px; }
  .cml .cml-logo small { display:none; }
  .cml .cml-mark { width:36px; height:36px; font-size:19px; }
  .cml .cml-btn-sm { padding:9px 14px; min-height:40px; font-size:13px; }
  .cml .cml-hero { padding:36px 0 18px; }
  .cml .cml-h1 { font-size:clamp(34px,10.5vw,44px); }
  .cml .cml-sub { font-size:17px; }
  .cml .cml-cta-row { gap:12px; margin-top:28px; }
  .cml .cml-eyebrow { font-size:11px; }
  .cml .cml-why-title { font-size:28px; }
  .cml .cml-why-text { font-size:17px; }
  .cml .cml-band h2, .cml .cml-steps h2, .cml .cml-features h2, .cml .cml-models h2, .cml .cml-faq h2, .cml .cml-final h2, .cml .cml-offer h2 { font-size:30px; }
  .cml .cml-price strong { font-size:52px; }
  .cml .cml-step, .cml .cml-grid > div { padding:24px; }
  .cml .cml-form { padding:22px; }
  .cml .cml-faq summary { font-size:17px; }
  .cml .cml-footer .cml-wrap { flex-direction:column; }
}
@media (min-width:641px) and (max-width:1100px) {
  .cml .cml-hero { padding:56px 0 28px; }
  .cml .cml-why { gap:14px; }
}
/* Botão do menu (celular e tablet) */
.cml .cml-burger { display:inline-flex; flex:none; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:44px; height:44px; border:1.5px solid var(--ink); border-radius:12px; background:transparent; cursor:pointer; padding:0; }
.cml .cml-burger span { display:block; width:20px; height:2px; background:var(--ink); border-radius:2px; transition:transform .2s, opacity .2s; }
.cml .cml-header.is-open .cml-burger { background:var(--ink); }
.cml .cml-header.is-open .cml-burger span { background:#fff; }
.cml .cml-header.is-open .cml-burger span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.cml .cml-header.is-open .cml-burger span:nth-child(2) { opacity:0; }
.cml .cml-header.is-open .cml-burger span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
@media (min-width:901px) { .cml .cml-burger { display:none; } }
.cml .cml-logo strong { white-space:nowrap; }
@media (max-width:480px) { .cml .cml-logo strong { font-size:15px; } .cml .cml-logo { gap:8px; } .cml .cml-header { gap:8px; } .cml .cml-btn-sm { padding:9px 12px; } }
/* Modelos ao vivo: vídeo de capa tocando em cada cartão */
.cml .cml-model img, .cml .cml-model video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.cml .cml-model video { opacity:0; transition:opacity .35s, transform .4s; }
.cml .cml-model video.is-playing { opacity:1; }
.cml .cml-model:hover video { transform:scale(1.04); }
.cml .cml-model span { z-index:2; }
.cml .cml-form .cml-field-hint { font-weight:400; color:var(--muted); font-size:12.5px; line-height:1.4; }
/* Celular: a frase laranja dos títulos fica na segunda linha. */
@media (max-width:640px) { .cml .cml-h1 .cml-accent, .cml .cml-band h2 .cml-accent { display:block; } }
/* Tablet, notebook e PC: título em uma linha só. */
@media (min-width:641px) {
  .cml .cml-h1 { max-width:none; min-height:0; white-space:nowrap; font-size:clamp(22px,3vw,44px); }
  .cml .cml-band h2 { max-width:none; }
}
.cml .cml-check-row { display:flex; align-items:flex-start; gap:10px; font-weight:500; font-size:14px; }
.cml .cml-check-row input { width:auto; min-height:0; margin-top:3px; accent-color:var(--o); }
.cml .cml-check-row a { text-decoration:underline; }
.cml .cml-signup-ok { text-align:center; padding:20px 4px; display:grid; gap:10px; }
.cml .cml-signup-ok h3 { font-size:26px; }
.cml .cml-signup-ok p { color:var(--muted); }


/* ===== Mais vida: movimento, brilho e destaque (respeita "reduzir movimento") ===== */
.cml .cml-hero { position:relative; }
.cml .cml-hero > * { position:relative; z-index:1; }
.cml .cml-glow { position:absolute !important; z-index:0 !important; border-radius:50%; filter:blur(70px); pointer-events:none; opacity:.55; }
.cml .cml-glow-1 { width:420px; height:420px; right:-6%; top:-40px; background:rgba(237,80,31,.28); animation:cml-drift 14s ease-in-out infinite alternate; }
.cml .cml-glow-2 { width:300px; height:300px; left:-8%; bottom:-60px; background:rgba(108,117,99,.25); animation:cml-drift 18s ease-in-out infinite alternate-reverse; }
@keyframes cml-drift { from { transform:translate(0,0) scale(1); } to { transform:translate(-40px,30px) scale(1.18); } }
.cml .cml-header { transition:box-shadow .25s,background .25s; }
.cml .cml-header.is-scrolled { box-shadow:0 6px 24px rgba(34,42,41,.08); }

/* Botões */
.cml .cml-btn { transition:background .15s,transform .2s,box-shadow .2s; }
.cml .cml-btn:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(237,80,31,.32); }
.cml .cml-btn-ghost:hover { box-shadow:none; }
.cml .cml-hero .cml-cta-row .cml-btn:not(.cml-btn-ghost),.cml .cml-niche-cta { animation:cml-pulse 2.6s ease-out infinite; }
@keyframes cml-pulse { 0% { box-shadow:0 0 0 0 rgba(237,80,31,.45); } 70%,100% { box-shadow:0 0 0 16px rgba(237,80,31,0); } }

/* Faixa que rola */
.cml .cml-marquee { overflow:hidden; background:var(--o); padding:14px 0; margin:18px 0 28px; transform:rotate(-1deg) scale(1.02); }
.cml .cml-marquee-track { display:flex; width:max-content; animation:cml-marquee 38s linear infinite; }
.cml .cml-marquee span { flex:none; color:#fff; font-weight:800; font-size:clamp(16px,2vw,22px); letter-spacing:-.02em; padding:0 22px; white-space:nowrap; }
.cml .cml-marquee span::after { content:"●"; margin-left:44px; font-size:.5em; vertical-align:middle; opacity:.85; }
@keyframes cml-marquee { to { transform:translateX(-50%); } }

/* Capa: avisos de pedido entrando */
.cml .cml-toasts { position:absolute; right:16px; top:16px; z-index:3; display:grid; gap:8px; justify-items:end; pointer-events:none; }
.cml .cml-toast { display:flex; align-items:center; gap:10px; background:#fff; color:var(--ink); border-radius:14px; padding:10px 16px 10px 10px; box-shadow:0 10px 30px rgba(0,0,0,.25); animation:cml-toast 7s ease-in-out infinite; opacity:0; }
.cml .cml-toast i { width:30px; height:30px; border-radius:50%; background:#1f7a4d; color:#fff; font-style:normal; font-weight:800; display:grid; place-items:center; flex:none; }
.cml .cml-toast span { display:grid; line-height:1.2; }
.cml .cml-toast b { font-size:14px; } .cml .cml-toast small { font-size:12px; color:var(--muted); }
@keyframes cml-toast { 0%,8% { opacity:0; transform:translateY(-14px) scale(.96); } 14%,70% { opacity:1; transform:none; } 80%,100% { opacity:0; transform:translateY(-8px); } }

/* Pratos: entram em sequência, levantam e mostram o play */
.cml .cml-dishes.is-in .cml-dish { animation:cml-pop .6s cubic-bezier(.2,.8,.2,1) backwards; }
.cml .cml-dishes.is-in .cml-dish:nth-child(1) { animation-delay:.05s; } .cml .cml-dishes.is-in .cml-dish:nth-child(2) { animation-delay:.13s; }
.cml .cml-dishes.is-in .cml-dish:nth-child(3) { animation-delay:.21s; } .cml .cml-dishes.is-in .cml-dish:nth-child(4) { animation-delay:.29s; }
.cml .cml-dishes.is-in .cml-dish:nth-child(5) { animation-delay:.37s; } .cml .cml-dishes.is-in .cml-dish:nth-child(6) { animation-delay:.45s; }
@keyframes cml-pop { from { opacity:0; transform:translateY(34px) scale(.94); } to { opacity:1; transform:none; } }
.cml .cml-dish { transition:transform .3s cubic-bezier(.2,.8,.2,1); }
.cml .cml-dish:hover { transform:translateY(-8px) rotate(-1deg); }
.cml .cml-dish-media { transition:box-shadow .3s; }
.cml .cml-dish:hover .cml-dish-media { box-shadow:0 18px 36px rgba(34,42,41,.28); }
.cml .cml-dish-media video { transition:opacity .3s,transform .6s; }
.cml .cml-dish:hover .cml-dish-media video,.cml .cml-dish:hover .cml-dish-media img { transform:scale(1.06); }
.cml .cml-dish-media::after { content:"▶ ao vivo"; position:absolute; left:8px; bottom:8px; background:rgba(34,42,41,.78); color:#fff; font-size:11px; font-weight:700; padding:4px 9px; border-radius:99px; letter-spacing:.02em; }
.cml .cml-dish p { font-weight:800; color:var(--o); font-size:15px; }

/* Entrada ao rolar */
.cml.cml-anim [data-r] { opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1); transition-delay:var(--d,0s); }
.cml.cml-anim [data-r].is-in { opacity:1; transform:none; }

/* Cartões com vida */
.cml .cml-step,.cml .cml-grid > div { transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s; }
.cml .cml-step:hover,.cml .cml-grid > div:hover { transform:translateY(-6px); box-shadow:0 18px 36px rgba(34,42,41,.12); border-color:var(--o); }
.cml .cml-step span { transition:transform .4s; } .cml .cml-step:hover span { transform:rotate(360deg) scale(1.1); }
.cml .cml-band h2 .cml-accent { background:linear-gradient(var(--o),var(--o)) no-repeat 0 100%/0 .12em; transition:background-size 1.1s .3s ease; }
.cml .cml-band.is-in h2 .cml-accent { background-size:100% .12em; }
.cml .cml-model { transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s; }
.cml .cml-model:hover { transform:translateY(-6px) scale(1.015); box-shadow:0 20px 40px rgba(34,42,41,.3); }
.cml .cml-price { animation:cml-float 5s ease-in-out infinite; }
@keyframes cml-float { 50% { transform:translateY(-8px); } }
.cml .cml-price strong { display:inline-block; }
.cml .cml-faq details { transition:background .2s; } .cml .cml-faq details:hover { background:rgba(237,80,31,.05); }

/* Botão fixo no celular */
.cml .cml-sticky-cta { display:none; }
@media (max-width:640px) {
  .cml .cml-sticky-cta { display:inline-flex; position:fixed; z-index:60; left:16px; right:16px; bottom:16px; box-shadow:0 12px 30px rgba(34,42,41,.35); transform:translateY(140%); transition:transform .35s; animation:none; }
  .cml .cml-sticky-cta.is-show { transform:none; }
  .cml .cml-toasts { right:10px; top:48px; } .cml .cml-toast b { font-size:13px; }
  .cml .cml-glow-1 { width:260px; height:260px; }
}
@media (prefers-reduced-motion:reduce) {
  .cml .cml-glow,.cml .cml-marquee-track,.cml .cml-toast,.cml .cml-price,.cml .cml-hero .cml-cta-row .cml-btn,.cml .cml-niche-cta,.cml .cml-dishes.is-in .cml-dish { animation:none !important; }
  .cml .cml-toast { opacity:1; } .cml.cml-anim [data-r] { opacity:1; transform:none; transition:none; }
}

/* Capa em vídeo logo no topo, antes do título */
.cml .cml-cover-top { width:min(1160px,calc(100% - 2 * var(--gut))); margin:0 auto; padding:20px 0 0; }
.cml .cml-cover-top + .cml-hero { padding-top:44px; }
@media (max-width:640px) { .cml .cml-cover-top { padding-top:12px; } .cml .cml-cover-top + .cml-hero { padding-top:28px; } }