/* ============================================================
   Ajustes exclusivos de /solucao (doc "AJUSTE gloda.store (06/10)", 08/10/2026).
   Carregado só nesta página (inc/assets.php → css/paginas/<pagina>.css).
   ============================================================ */

/* item 2 · logo da gloda.cloud no submenu, no lugar do título em texto.
   O texto "gloda.cloud" continua no HTML para leitor de tela; a imagem é desenhada aqui. */
.lp-hdr .lp-sub-tit{
  display:block;width:113px;height:22px;flex:0 0 auto;
  background:url("/assets/img/comum/gloda-cloud.webp") left center / contain no-repeat;
  color:transparent!important;font-size:0!important;overflow:hidden;
}
@media (max-width:768px){ .lp-hdr .lp-sub-tit{width:92px;height:18px;} }

/* itens 4 e 5 · chave Passado ⇄ Futuro: vermelha desligada (passado), azul ligada (futuro),
   pulsando de leve até o primeiro clique para convidar a usar. */
.lp-root .lp-blocos .lp-sw-trilho{background:#e5484d;transition:background-color .25s ease;}
.lp-root .lp-blocos .lp-sw[aria-checked="true"] .lp-sw-trilho{background:var(--blue,#015aff);}
.lp-root .lp-blocos .lp-sw-botao{background:#fff;opacity:1;box-shadow:0 1px 3px rgba(0,0,0,.25);}
.lp-root .lp-blocos .lp-sw:not([data-usado]) .lp-sw-trilho{animation:lpSwPulso 2.2s ease-out infinite;}
.lp-root .lp-blocos .lp-sw[aria-checked="true"]:not([data-usado]) .lp-sw-trilho{animation-name:lpSwPulsoAzul;}
@keyframes lpSwPulso{
  0%{box-shadow:0 0 0 0 rgba(229,72,77,.5);}
  70%{box-shadow:0 0 0 12px rgba(229,72,77,0);}
  100%{box-shadow:0 0 0 0 rgba(229,72,77,0);}
}
@keyframes lpSwPulsoAzul{
  0%{box-shadow:0 0 0 0 rgba(1,90,255,.45);}
  70%{box-shadow:0 0 0 12px rgba(1,90,255,0);}
  100%{box-shadow:0 0 0 0 rgba(1,90,255,0);}
}
@media (prefers-reduced-motion:reduce){ .lp-root .lp-blocos .lp-sw-trilho{animation:none!important;} }

/* item 10 · faixa gloda.shop + foto do checkout num bloco só (referência: faixa com a imagem logo abaixo). */
.lp-root.lp-root--compacto > .sec:has(> .strip.strip-shop) + *{margin-top:calc(var(--space-16, 16px) - var(--space-section));}

/* submenu com 10 seções: espaço menor entre os itens para caber inteiro na largura do computador */
@media (min-width:1025px){ .lp-hdr .lp-sub-scr ul{gap:28px;} }