/* Novidade: feedback da Monitoria IA em podcast (home + páginas de solução) */

/* — Selo "Novidade" — */
.sl-new{ display:inline-flex; align-items:center; gap:8px; padding:6px 14px 6px 6px; border-radius:999px; font-size:.78rem; font-weight:800; letter-spacing:.02em;
  color:#fff; background:linear-gradient(90deg,rgba(167,139,250,.28),rgba(34,211,238,.14)); border:1px solid rgba(167,139,250,.55);
  box-shadow:0 0 0 4px rgba(167,139,250,.08), 0 10px 30px -12px rgba(139,92,246,.8) }
.sl-new .sl-ic{ width:24px; height:24px; border-radius:999px; color:#fff; background:linear-gradient(135deg,#a78bfa,#6d28d9); border:0 }
.sl-new .sl-ic svg{ width:14px; height:14px }
.sl-new.small{ margin-top:2px; padding:4px 11px 4px 4px; font-size:.7rem; justify-self:start; align-self:start }
.sl-new.small .sl-ic{ width:20px; height:20px }
.sl-new.small .sl-ic svg{ width:12px; height:12px }

/* — Seção de destaque — */
.sl-spot{ position:relative }
.sl-spot-in{ position:relative; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr); gap:44px; align-items:center; padding:42px; border-radius:28px;
  background:radial-gradient(700px circle at 85% 20%,rgba(139,92,246,.22),transparent 60%), radial-gradient(500px circle at 0% 100%,rgba(34,211,238,.12),transparent 60%), rgba(255,255,255,.03);
  border:1px solid rgba(167,139,250,.35); box-shadow:0 40px 90px -50px rgba(139,92,246,.9) }
.sl-spot-copy{ display:grid; gap:18px; align-content:start }
.sl-spot-copy > .sl-new{ justify-self:start; width:max-content; max-width:100% }
.sl-spot-copy h2{ font-size:clamp(1.7rem,3.4vw,2.6rem); line-height:1.1; margin:0; text-wrap:balance }
.sl-spot-copy .lead{ color:#c9ccdc; font-size:1.02rem; line-height:1.65; margin:0 }
.sl-spot-flow{ list-style:none; margin:4px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px }
.sl-spot-flow li{ display:inline-flex; align-items:center; gap:8px; padding:6px 12px 6px 6px; border-radius:999px; font-size:.8rem; font-weight:700; color:#e6e7f2;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1) }
.sl-spot-flow li b{ display:grid; place-items:center; width:22px; height:22px; border-radius:50%; font-size:.72rem; color:#fff; background:linear-gradient(135deg,#a78bfa,#6d28d9) }
.sl-spot-flow li:not(:last-child)::after{ content:"→"; margin-left:4px; color:#8b8fa8; font-weight:600 }
.sl-spot-points{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px }
.sl-spot-points li{ display:flex; gap:12px; align-items:flex-start; padding:14px; border-radius:16px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.08) }
.sl-spot-points .sl-ic{ --env:#a78bfa; width:38px; height:38px }
.sl-spot-points h3{ font-size:.95rem; margin:0 0 4px; line-height:1.25 }
.sl-spot-points p{ font-size:.84rem; color:#a9aec4; line-height:1.5; margin:0 }
.sl-spot-note{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:.84rem; color:#a9aec4; margin:0 }

/* — Celular com o Neu tocando o podcast — */
.pod-phone{ position:relative; justify-self:center; width:min(300px,100%); aspect-ratio:9/18.5; padding:12px; border-radius:42px;
  background:linear-gradient(160deg,#2a2d3d,#0d0f18); box-shadow:0 0 0 2px rgba(255,255,255,.08) inset, 0 50px 90px -30px rgba(0,0,0,.9), 0 0 80px -20px rgba(139,92,246,.55);
  animation:podFloat 6s ease-in-out infinite }
.pod-notch{ position:absolute; top:18px; left:50%; width:84px; height:20px; border-radius:999px; background:#05060a; transform:translateX(-50%); z-index:2 }
.pod-app{ height:100%; border-radius:32px; overflow:hidden; background:#f5f6f8; color:#111522; padding:46px 12px 12px; display:grid; gap:10px; align-content:start; font-family:Inter,Manrope,sans-serif }
.pod-app-head{ display:flex; align-items:center; gap:8px; padding:4px 4px 6px; font-size:.8rem }
.pod-app-head b{ flex:1; font-weight:800 }
.pod-dot{ width:22px; height:22px; border-radius:7px; background:#111522; box-shadow:inset 0 0 0 5px #111522, inset 0 0 0 8px #ff1533 }
.pod-app-head em{ font-style:normal; min-width:18px; height:18px; padding:0 6px; border-radius:999px; background:#ff1533; color:#fff; font-size:.66rem; font-weight:800; display:grid; place-items:center }
.pod-card{ display:grid; gap:9px; padding:11px; border-radius:16px; background:#fff; border:1px solid #ff8a97; border-left:3px solid #ff1533; box-shadow:0 10px 22px rgba(216,7,36,.12) }
.pod-card-top{ display:flex; gap:9px; align-items:flex-start }
.pod-ic{ flex:none; width:30px; height:30px; border-radius:10px; display:grid; place-items:center; background:#f3efff; color:#6d28d9 }
.pod-ic svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round }
.pod-card-top small{ display:flex; align-items:center; gap:5px; font-size:.62rem; color:#70788b; font-weight:600 }
.pod-card-top small i{ font-style:normal; padding:1px 6px; border-radius:999px; background:#ff1533; color:#fff; font-size:.52rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase }
.pod-card-top strong{ display:block; font-size:.78rem; line-height:1.3; margin-top:2px }
.pod-player{ display:flex; align-items:center; gap:8px; padding:6px 9px 6px 6px; border-radius:11px; background:#f7f7fa; border:1px solid #e7eaf0 }
.pod-play{ position:relative; flex:none; width:26px; height:26px; border-radius:50%; background:#7c3aed; box-shadow:0 0 0 0 rgba(124,58,237,.5); animation:podPulse 2.4s ease-out infinite }
.pod-play::after{ content:""; position:absolute; left:10px; top:8px; border-left:8px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent }
.pod-wave{ flex:1; display:flex; align-items:center; gap:2px; height:20px }
.pod-wave i{ width:3px; height:var(--h); border-radius:2px; background:#a78bfa; transform-origin:center; animation:podBar 1.1s ease-in-out var(--d) infinite alternate }
.pod-time{ font-size:.62rem; font-weight:700; color:#70788b; font-variant-numeric:tabular-nums }
.pod-transc span{ display:inline-flex; align-items:center; gap:4px; padding:4px 8px; border-radius:7px; background:#f5f6f8; font-size:.62rem; font-weight:700; color:#4a5060 }
.pod-transc span::before{ content:""; width:8px; height:9px; border-radius:2px; border:1.5px solid #70788b }
.pod-lines{ display:grid; gap:7px }
.pod-line{ padding:8px 10px; border-radius:11px; font-size:.64rem; line-height:1.45; background:#fff; border:1px solid #e7eaf0 }
.pod-line b{ display:block; font-size:.58rem; letter-spacing:.05em; text-transform:uppercase; margin-bottom:2px }
.pod-line.good b{ color:#16814b } .pod-line.tip{ background:#fef8ec; border-color:#f4e3b5; color:#7a4d06 } .pod-line.tip b{ color:#a6690a }
@keyframes podBar{ from{ transform:scaleY(.35) } to{ transform:scaleY(1) } }
@keyframes podPulse{ 0%{ box-shadow:0 0 0 0 rgba(124,58,237,.55) } 70%{ box-shadow:0 0 0 10px rgba(124,58,237,0) } 100%{ box-shadow:0 0 0 0 rgba(124,58,237,0) } }
@keyframes podFloat{ 0%,100%{ transform:translateY(0) rotate(-1.5deg) } 50%{ transform:translateY(-10px) rotate(-1.5deg) } }

/* — Faixa de novidade no topo da home — */
.news-ribbon{ display:inline-flex; align-items:center; gap:10px; margin-top:18px; padding:6px 16px 6px 6px; border-radius:999px; color:#fff; font-size:.86rem; font-weight:700; text-decoration:none;
  background:rgba(12,14,24,.55); border:1px solid rgba(167,139,250,.55); backdrop-filter:blur(6px); box-shadow:0 12px 34px -14px rgba(139,92,246,.9); transition:border-color .2s ease, transform .2s ease }
.news-ribbon:hover{ border-color:#c4b5fd; transform:translateY(-1px) }
.news-ribbon b{ padding:4px 10px; border-radius:999px; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; background:linear-gradient(135deg,#a78bfa,#6d28d9) }
.news-ribbon span{ color:#e8e6ff } .news-ribbon i{ font-style:normal; color:#c4b5fd }

/* — Seção da home (logo após o capítulo da Monitoria) — */
.pod-home{ padding:40px 0 90px }
.pod-home .sl-spot-in{ grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) }
.pod-home .chapter{ margin-bottom:6px }
.pod-home .sl-spot-points .sl-ic svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round }
.pod-home .sl-ic{ display:inline-grid; place-items:center; width:38px; height:38px; border-radius:12px; color:#a78bfa; background:rgba(167,139,250,.14); border:1px solid rgba(167,139,250,.35); flex:none }

@media (max-width:980px){
  .sl-spot-in,.pod-home .sl-spot-in{ grid-template-columns:minmax(0,1fr); padding:26px; gap:30px }
  .pod-phone{ width:min(270px,80%) }
}
@media (max-width:560px){
  .sl-spot-points{ grid-template-columns:minmax(0,1fr) }
  .sl-spot-in{ padding:20px; border-radius:22px }
}
@media (prefers-reduced-motion:reduce){
  .pod-phone,.pod-play,.pod-wave i{ animation:none }
}