/*
 * Liberi EAD — Landing page Injeção Plástica
 * Arquivo: /wp-content/themes/astra-child/css/landing-page-ip.css
 * As classes utilitárias Tailwind são fornecidas pelo CDN carregado no functions.php.
 */
.lp-ip {
  --lp-primary: #4F46E5;
  --lp-primary-dark: #312E81;
  --lp-accent: #10B981;
  --lp-accent-sec: #06B6D4;
  --lp-surface-main: #F8FAFC;
  --lp-surface-alt: #EEF2F7;
  --lp-text-main: #0F172A;
  --lp-text-muted: #475569;
  color: var(--lp-text-main);
  font-family: 'Manrope', sans-serif;
}
.lp-ip, .lp-ip * { box-sizing: border-box; }
.lp-ip { overflow-x: clip; }
.lp-ip .font-sans { font-family: 'Manrope', sans-serif; }
.lp-ip .font-body { font-family: 'Inter', sans-serif; }
.lp-ip .text-primary { color: var(--lp-primary); }
.lp-ip .text-primary-dark { color: var(--lp-primary-dark); }
.lp-ip .text-accent { color: var(--lp-accent); }
.lp-ip .text-text-main { color: var(--lp-text-main); }
.lp-ip .text-text-muted { color: var(--lp-text-muted); }
.lp-ip .bg-primary { background-color: var(--lp-primary); }
.lp-ip .bg-accent { background-color: var(--lp-accent); }
.lp-ip .bg-primary-dark { background-color: var(--lp-primary-dark); }
.lp-ip .bg-surface-main { background-color: var(--lp-surface-main); }
.lp-ip .bg-surface-alt { background-color: var(--lp-surface-alt); }
.lp-ip .hero-gradient { background: linear-gradient(135deg, #F8FAFC 0%, #EEF2F7 100%); }
.lp-ip .text-gradient {
  background: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.lp-ip .border-gradient {
  position: relative;
  border-radius: .75rem;
  background: #fff;
  background-clip: padding-box;
  border: 2px solid transparent;
}
.lp-ip .border-gradient::before {
  content: '';
  position: absolute;
  inset: -2px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%);
}
.lp-ip .cta-btn {
  transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
  box-shadow: 0 4px 14px 0 rgba(16,185,129,.39);
}
.lp-ip .cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(16,185,129,.5);
}
.lp-ip .animate-logo-slider {
  display: flex;
  width: max-content;
  animation: lpLogoSlider 25s linear infinite;
}
@keyframes lpLogoSlider { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.lp-ip .lp-logo-mask::before,
.lp-ip .lp-logo-mask::after {
  content: '';
  position: absolute;
  top: 0;
  z-index: 10;
  height: 100%;
  width: 4rem;
  pointer-events: none;
}
.lp-ip .lp-logo-mask::before { left: 0; background: linear-gradient(to right, #fff, transparent); }
.lp-ip .lp-logo-mask::after { right: 0; background: linear-gradient(to left, #fff, transparent); }
.lp-ip .lp-logo-track { display: flex; width: max-content; }
.lp-ip .lp-logo-item { min-width: 180px; }
.lp-ip .lp-logo-item img { max-height: 4rem; width: auto; max-width: 100%; object-fit: contain; }
.lp-ip video { display: block; max-width: 100%; }
.lp-ip img { height: auto; }
.lp-ip #investimento { scroll-margin-top: 2rem; }
.lp-ip .lp-logo-track:hover { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  .lp-ip *, .lp-ip *::before, .lp-ip *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}