/* A solução em quatro pilares no modo escuro (roxo profundo) e o exemplo de inscrição com artes de eventos.
   Carregado depois de solution-tabs.css, solution-models.css e pains-reference.css; a especificidade repete
   a das regras originais (ou as dobra) para vencê-las. */

/* ---- Seção ---- */
.solution-tabs.solution-tabs{--sol-ink:#f5f2ff;--sol-purple:#b794ff;--sol-muted:#cfc8ee;
  padding-top:clamp(170px,14vw,225px);
  background:
    radial-gradient(ellipse 62% 60% at 88% 74%,#4a21a666,transparent 76%),
    radial-gradient(ellipse 50% 45% at 6% 12%,#2b136b55,transparent 72%),
    linear-gradient(180deg,var(--pc-paper) 0%,#bba9d0 48px,#4c356b 104px,var(--pc-ink) 158px,var(--pc-ink) 100%);
  color:var(--sol-ink)}
.solution-tabs__eyebrow{color:#a9a6c7}
.solution-tabs__eyebrow span{background:#5a4f86}
.solution-tabs h2,.solution-tabs h3{color:var(--sol-ink)}
.solution-tabs__highlight{background:linear-gradient(90deg,#9f73ff,#e2a9ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.solution-tabs__highlight svg{color:#c58bff}
.solution-tabs__intro{color:#cfc8ee}
.solution-tabs__side-note{color:#c9b0ff}
/* "Tudo em um só lugar": verde-lima do site e mais perto do cartão de exemplo. */
.solution-tabs .solution-tabs__top-note{color:#d4f542;top:198px;right:5%}
.solution-tabs__tablist{background:#1c1243;box-shadow:0 12px 38px #0a041f80;border:1px solid #3a2a78}
.solution-tabs__tab{color:#e8e3fb}
.solution-tabs__tab:hover{background:#2a1c5f}
.solution-tabs__tab:focus-visible{outline-color:var(--cyan)}
.solution-tabs__tab[aria-selected="true"]{color:#fff;background:linear-gradient(112deg,#7a2bff,#3a1a9a);box-shadow:0 11px 28px #6022e366}
.solution-tabs__lead{color:#d6d0ef}
.solution-tabs__features li{color:var(--sol-ink)}
.solution-tabs__features span:not(.solution-tabs__feature-icon){color:#bdb6da}
.solution-tabs__feature-icon{background:#2a1c5f;color:#c4a8ff}
.solution-tabs__link{color:#c9b0ff}
.solution-tabs__link:focus-visible{outline-color:var(--cyan)}
.solution-tabs__visual figcaption{color:#b8b0d6}
.solution-tabs__visual--payment,.solution-tabs__visual--insights,.solution-tabs__visual--support{border-color:#4a3a8a}

/* ---- Modelos (palco escuro; os cartões de interface continuam brancos) ---- */
.solution-tabs .sm__canvas{border-color:#4a3a8a;box-shadow:0 23px 58px #05010f66}
.solution-tabs .sm--registration .sm__canvas{background:radial-gradient(ellipse at 88% 12%,#5b2bb8 0%,transparent 48%),linear-gradient(145deg,#1d1148,#120a2d)}
.solution-tabs .sm--payment .sm__canvas{background:radial-gradient(ellipse at 90% 90%,#6a35c6 0%,transparent 52%),linear-gradient(145deg,#1d1148,#120a2d)}
.solution-tabs .sm--insights .sm__canvas{background:radial-gradient(ellipse at 6% 92%,#4b2fb0 0%,transparent 50%),linear-gradient(145deg,#1d1148,#120a2d)}
.solution-tabs .sm--support .sm__canvas{background:radial-gradient(ellipse at 92% 8%,#5a2a9e 0%,transparent 50%),linear-gradient(145deg,#1d1148,#120a2d)}
.solution-tabs .sm__eyebrow{color:#c5aeff}
.solution-tabs .sm__caption{color:#c3bbdc}

/* ---- Exemplo de inscrição: arte do evento (sem cortar cabeças, sem filtro de cor/contraste) ---- */
.solution-tabs .sm__event-art{display:block;width:100%;background:#000;line-height:0}
.solution-tabs .sm__slides{position:relative;overflow:hidden;outline-offset:-3px}
.solution-tabs .sm__slides:focus-visible{outline:3px solid #b794ff}
.solution-tabs .sm__slides-track{display:flex;width:100%;transition:transform .65s cubic-bezier(.65,0,.35,1);will-change:transform}
.solution-tabs .sm__slide{flex:0 0 100%;min-width:0;margin:0}
.solution-tabs .sm__slide img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;filter:none;-webkit-user-drag:none}
.solution-tabs .sm__slide-dots{position:absolute;left:50%;bottom:10px;display:flex;gap:6px;padding:6px 9px;border-radius:999px;background:#0b0620a8;transform:translateX(-50%);pointer-events:none;line-height:0}
.solution-tabs .sm__slide-dots i{display:block;width:6px;height:6px;border-radius:99px;background:#ffffff80;transition:width .3s,background .3s}
.solution-tabs .sm__slide-dots i.is-on{width:18px;background:#fff}
.solution-tabs .sm__event-details b{font-weight:inherit}
.solution-tabs .sm__event-details{min-height:22px}
@media(prefers-reduced-motion:reduce){.solution-tabs .sm__slides-track,.solution-tabs .sm__slide-dots i{transition:none}}

/* ---- Emendas com as seções claras vizinhas ---- */
/* Como funciona entra claro depois de um topo escuro que clareia. */
.how.section.light{padding-top:clamp(150px,13vw,200px);background:
  radial-gradient(ellipse 70% 35% at 94% 35%,#ebe2f564,transparent 76%),
  linear-gradient(180deg,var(--pc-ink) 0%,#a391bd 54px,#e8dff1 103px,var(--pc-paper) 156px,var(--pc-paper) 100%)}
@media(max-width:700px){
  .solution-tabs.solution-tabs{padding-top:150px;background:
    radial-gradient(ellipse 80% 50% at 90% 75%,#4a21a666,transparent 80%),
    linear-gradient(180deg,var(--pc-paper) 0%,#9683af 38px,#34224f 85px,var(--pc-ink) 125px,var(--pc-ink) 100%)}
  .how.section.light{padding-top:130px;background:
    radial-gradient(ellipse 70% 35% at 94% 35%,#ebe2f564,transparent 76%),
    linear-gradient(180deg,var(--pc-ink) 0%,#a997c1 40px,#e7dff0 76px,var(--pc-paper) 112px,var(--pc-paper) 100%)}
}