/* ============================================================
   SEÇÃO · motivos — grade de razões com ícone (referência Apple)
   ============================================================ */
.lp-root .lp-mot-head{margin-bottom:var(--space-40);}
.lp-root .lp-mot-sub{margin-top:var(--space-16);font-size:var(--fs-h4);line-height:1.45;color:var(--ink-2);max-width:640px;}
.lp-root .lp-mot-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-20);}
.lp-root .lp-mot-item{
  border-radius:var(--radius-lg);background:#f5f5f7;padding:var(--space-32);
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease;
}
.lp-root .lp-mot-item:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(1,22,48,.08);}
.lp-root .lp-mot-ic{display:block;color:var(--blue);margin-bottom:var(--space-24);}
.lp-root .lp-mot-tit{font-size:var(--fs-h4);font-weight:600;line-height:1.25;letter-spacing:var(--ls-apoio);}
.lp-root .lp-mot-p{margin-top:var(--space-8);font-size:var(--fs-sm);line-height:1.55;color:var(--muted);}
.lp-root .lp-mot-cta{margin-top:var(--space-32);}
@media (max-width:1024px){ .lp-root .lp-mot-grade{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:768px){ .lp-root .lp-mot-grade{grid-template-columns:minmax(0,1fr);} .lp-root .lp-mot-item{padding:var(--space-24);} }

/* ── variante "produtos" (referência DJI, 23/09/2026): cards altos, 2 colunas, foto embaixo */
.lp-root .lp-mot-grade--prod{grid-template-columns:repeat(2,minmax(0,1fr));}
.lp-root .lp-mot-prod{
  display:flex;flex-direction:column;overflow:hidden;
  border-radius:var(--radius-lg);background:#f5f5f7;text-align:center;
}
.lp-root .lp-mot-prod-txt{padding:var(--space-48) var(--space-32) var(--space-24);}
.lp-root .lp-mot-prod-nome{font-size:var(--fs-h2);font-weight:600;line-height:1.1;letter-spacing:var(--ls-apoio);}
.lp-root .lp-mot-prod-frase{margin-top:var(--space-8);font-size:var(--fs-h4);font-weight:500;line-height:1.3;color:var(--ink-2);}
.lp-root .lp-mot-prod .lp-mot-p{max-width:420px;margin-left:auto;margin-right:auto;}
.lp-root .lp-mot-prod-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8) var(--space-24);margin-top:var(--space-20);}
.lp-root .lp-mot-prod-midia{
  position:relative;margin-top:auto;aspect-ratio:1356/900;overflow:hidden;mix-blend-mode:multiply;
}
.lp-root .lp-mot-prod-midia img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.lp-root .lp-mot-prod:hover .lp-mot-prod-midia img{transform:scale(1.04);}
.lp-root .lp-mot-prod-midia.is-sem{
  display:grid;place-items:center;mix-blend-mode:normal;
  background:radial-gradient(60% 70% at 50% 60%,rgba(1,90,255,.14),rgba(132,20,220,.06) 60%,transparent 80%);
}
.lp-root .lp-mot-prod-sigla{
  font-size:var(--fs-mega);font-weight:600;letter-spacing:var(--ls-apoio);line-height:1;
  background:linear-gradient(90deg,#16265e,#015aff 55%,#8414dc);-webkit-background-clip:text;background-clip:text;color:transparent;
}
@media (max-width:768px){
  .lp-root .lp-mot-grade--prod{grid-template-columns:minmax(0,1fr);}
  .lp-root .lp-mot-prod-txt{padding:var(--space-40) var(--space-24) var(--space-16);}
}

/* Ecossistema com 9 produtos (19/10/2026, doc 18/10 item 09): mesmo cartão; mídia 16:9 em todos para as linhas
   ficarem com a mesma altura. Foto de cena ocupa a mídia (cover); foto de produto em fundo claro continua inteira (contain). */
.lp-root .lp-mot-grade--prod .lp-mot-prod-midia{aspect-ratio:16/9;}
.lp-root .lp-mot-prod-midia.is-cena{mix-blend-mode:normal;}
.lp-root .lp-mot-prod-midia.is-cena img{object-fit:cover;}
.lp-root .lp-mot-prod-txt{flex:1 0 auto;}
/* CLOUD com o degradê cromático da marca, estático */
.lp-root .lp-mot-prod-sigla{background:linear-gradient(90deg,#ff4a3d 0%,#ff7a1a 20%,#ffd84a 40%,#f8f6de 60%,#88efff 80%,#2f6bff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
/* 23/10/2026 (Ajustes 22/10, item 08): borda dos cards de produto igual à dos cartões de Histórias
   (1px #e5e5ea, raio 18px). Fundo, medidas e 2 colunas não mudam. */
.lp-root .lp-mot-prod{border:1px solid #e5e5ea;border-radius:18px;}
/* 23/10/2026 (Ajustes 22/10, item 15 — Franquias): "borda": true no JSON dá aos cards o fio 1px cinza-claro
   das Histórias. Fundo cinza mantido. */
.lp-root .lp-mot--borda .lp-mot-item{border:1px solid #e5e5ea;}