/* Start custom CSS *//* SAJ IA (página 2071) — CSS personalizado da página.
   Guarda o que o conversor do Elementor V4 não grava nos estilos locais:
   gradientes radiais/cônicos, máscaras, estados (aberto/ativo) e animações. */
html{scroll-behavior:smooth}

/* ---------- Header ---------- */
body .elementor-2071 [data-id="ad87d18"]{list-style:none}
body .elementor-2071 [data-id="ad87d18"]::-webkit-details-marker{display:none}
body .elementor-2071 [data-id="10f2ea1a"][open] [data-id="4bd1d601"]{display:none !important}
body .elementor-2071 [data-id="10f2ea1a"][open] [data-id="7bd28004"]{display:inline-block !important}

/* ---------- Hero ---------- */
body .elementor-2071 [data-id="21064bfd"] span{color:#5C5CFF}
body .elementor-2071 [data-id="6c610065"]{background:radial-gradient(circle,#F0EAFF 0%,rgba(154,124,255,.35) 45%,rgba(92,92,255,0) 70%) !important}
body .elementor-2071 [data-id="56680a6c"]{
  background:conic-gradient(from 0deg,rgba(92,92,255,0) 0deg,rgba(92,92,255,0) 280deg,#9A7CFF 340deg,#5C5CFF 360deg);
  -webkit-mask:radial-gradient(circle,transparent calc(70.7% - 3px),#000 calc(70.7% - 2px));
  mask:radial-gradient(circle,transparent calc(70.7% - 3px),#000 calc(70.7% - 2px));
}
body .elementor-2071 [data-id="43e030d0"],
body .elementor-2071 [data-id="59a7a782"]{transition:background-color .45s,color .45s,box-shadow .45s,scale .45s}

/* ---------- IA: caixa de destaque e vídeo ---------- */
body .elementor-2071 [data-id="34ddecfe"]{background:radial-gradient(320px 180px at 100% 100%,rgba(179,177,255,.22) 0%,rgba(179,177,255,0) 75%),linear-gradient(120deg,rgba(247,245,255,.08) 0%,rgba(220,211,255,.14) 100%)}
body .elementor-2071 [data-id="88e5f40"]{flex:1.35 1 460px !important}
/* Safari não exibe a transparência do WebM: mesma correção do layout original */
@supports (font:-apple-system-body) and (not (-moz-appearance:none)){
  body .elementor-2071 [data-id="11c5083b"]{mix-blend-mode:lighten}
}

/* ---------- Na prática (acordeão) ---------- */
body .elementor-2071 [data-id="5a228be6"] summary{list-style:none}
body .elementor-2071 [data-id="5a228be6"] summary::-webkit-details-marker{display:none}
body .elementor-2071 [data-id="5a228be6"] details[open]{background:linear-gradient(135deg,#5C5CFF 0%,#2D2E58 45%,#2D2E58 100%) !important;box-shadow:0 24px 48px -16px rgba(92,92,255,.55) !important}
body .elementor-2071 [data-id="5a228be6"] details[open]>summary{color:#FFFFFF !important}
body .elementor-2071 [data-id="5a228be6"] details[open]>summary .e-svg-base{color:#FFFFFF !important}
body .elementor-2071 [data-id="5a228be6"] .e-accordion-item-icon-base::before{
  content:"";display:block;width:20px;height:20px;background-color:currentColor;
  -webkit-mask:url("https://go.softplan.com.br/wp-content/uploads/2026/10/saj-ia-ic-chevron-down.svg") center/contain no-repeat;
  mask:url("https://go.softplan.com.br/wp-content/uploads/2026/10/saj-ia-ic-chevron-down.svg") center/contain no-repeat;
}
body .elementor-2071 [data-id="5a228be6"] details[open]>summary .e-accordion-item-icon-base::before{transform:rotate(180deg)}
body .elementor-2071 [data-id="7406f044"] span{color:#5C5CFF}

/* ---------- Agenda e Estúdio: balões com gradiente ---------- */
body .elementor-2071 [data-id="48fe093e"],
body .elementor-2071 [data-id="6c4a3f4f"]{background:radial-gradient(320px 180px at 100% 100%,rgba(179,177,255,.2) 0%,rgba(179,177,255,0) 75%),radial-gradient(260px 160px at 0% 0%,#FFFFFF 0%,rgba(255,255,255,0) 80%),linear-gradient(120deg,#F7F5FF 0%,#F3EFFF 55%,#EEE9FF 100%)}

/* ---------- Estúdio (abas) ---------- */
body .elementor-2071 [data-id="4b298a8f"]::-webkit-scrollbar{display:none}
body .elementor-2071 [data-id="547547a5"] .e-tab-base[aria-selected="true"]{background-color:#F0EAFF !important;color:#2D2A58 !important}
body .elementor-2071 [data-id="547547a5"] .e-tab-base[aria-selected="true"] .e-svg-base{color:#5C5CFF !important}
body .elementor-2071 [data-id="547547a5"] .e-tab-base[aria-selected="true"]>.e-div-block-base{width:100% !important}

/* ---------- CTA ---------- */
body .elementor-2071 [data-id="41a5cf1"] span{color:#9A7CFF}

/* ---------- Animações (somente sem "reduzir movimento") ---------- */
@media (prefers-reduced-motion:no-preference){
  /* Hero: órbita, "S" flutuando e etiquetas que acendem quando a órbita passa */
  body .elementor-2071 [data-id="56680a6c"]{animation:sajia-orbit 7.2s linear infinite}
  body .elementor-2071 [data-id="533ba5fe"]{animation:sajia-float 5.2s ease-in-out infinite alternate}
  body .elementor-2071 [data-id="43e030d0"]{animation:sajia-drift1 3.8s ease-in-out infinite alternate,sajia-tag1 7.2s linear infinite}
  body .elementor-2071 [data-id="59a7a782"]{animation:sajia-drift2 4.7s ease-in-out infinite alternate,sajia-tag2 7.2s linear infinite}
  body .elementor-2071 [data-id="305e9a19"]{animation:sajia-tag1-ic 7.2s linear infinite}
  body .elementor-2071 [data-id="2e15c17e"]{animation:sajia-tag2-ic 7.2s linear infinite}

  /* Painel do acordeão abrindo */
  body .elementor-2071 [data-id="5a228be6"] details[open] .e-accordion-item-content-base>*{animation:sajia-up .52s cubic-bezier(.2,0,0,1) backwards}
  body .elementor-2071 [data-id="5a228be6"] details[open] .e-accordion-item-content-base>*:nth-child(2){animation-name:sajia-spin;animation-delay:.21s}
  body .elementor-2071 [data-id="5a228be6"] details[open] .e-accordion-item-content-base>*:nth-child(3){animation-delay:.3s}
  body .elementor-2071 [data-id="5a228be6"] .e-accordion-item-icon-base::before{transition:transform .3s}

  /* Troca de aba do Estúdio */
  body .elementor-2071 [data-id="547547a5"] .e-tab-content-base{animation:sajia-slide .5s cubic-bezier(.2,0,0,1)}

  /* Barras que acompanham a rolagem (navegadores com scroll-driven animations) */
  @supports (animation-timeline:scroll()){
    body .elementor-2071 [data-id="6d167729"]{animation:sajia-grow-x linear both;animation-timeline:scroll(root)}
    body .elementor-2071 [data-id="608d6b4a"]{view-timeline:--sajia-fluxo block}
    body .elementor-2071 [data-id="b0574f5"]{animation:sajia-grow-x linear both;animation-timeline:--sajia-fluxo;animation-range:cover 15vh cover 60vh}
    body .elementor-2071 [data-id="2f047bd8"]{view-timeline:--sajia-proto block}
    body .elementor-2071 [data-id="7294fe2a"]{animation:sajia-grow-y linear both;animation-timeline:--sajia-proto;animation-range:cover 35vh entry 100%}
    @media (max-width:767px){
      body .elementor-2071 [data-id="b0574f5"]{animation-name:sajia-grow-y;animation-range:cover 35vh entry 100%}
    }
  }
}
@media (prefers-reduced-motion:reduce){
  body .elementor-2071 [data-id="b0574f5"]{transform:none !important}
  body .elementor-2071 [data-id="7294fe2a"]{transform:none !important}
}

@keyframes sajia-orbit{to{transform:rotate(360deg)}}
@keyframes sajia-float{from{transform:translate(-50%,-50%) translateY(-8px) scale(1)}to{transform:translate(-50%,-50%) translateY(10px) scale(1.02)}}
@keyframes sajia-drift1{from{translate:0 0}to{translate:6px -10px}}
@keyframes sajia-drift2{from{translate:0 0}to{translate:-6px 10px}}
/* etiqueta 1 (~307°): acesa de 85% a 1% do ciclo da órbita */
@keyframes sajia-tag1{
  0%,0.6%{background-color:#5C5CFF;color:#FFFFFF;scale:1.05;box-shadow:0 0 0 4px rgba(92,92,255,.18),0 16px 24px -8px rgba(92,92,255,.45)}
  6.9%,85.4%{background-color:#FFFFFF;color:#2D2A58;scale:1;box-shadow:0 4px 4px -4px rgba(12,12,13,.05),0 16px 16px -8px rgba(12,12,13,.1)}
  91.6%,100%{background-color:#5C5CFF;color:#FFFFFF;scale:1.05;box-shadow:0 0 0 4px rgba(92,92,255,.18),0 16px 24px -8px rgba(92,92,255,.45)}
}
@keyframes sajia-tag1-ic{0%,0.6%{color:#FFFFFF}6.9%,85.4%{color:#5C5CFF}91.6%,100%{color:#FFFFFF}}
/* etiqueta 2 (~129°): acesa de 36% a 51% do ciclo */
@keyframes sajia-tag2{
  0%,35.8%{background-color:#FFFFFF;color:#2D2A58;scale:1;box-shadow:0 4px 4px -4px rgba(12,12,13,.05),0 16px 16px -8px rgba(12,12,13,.1)}
  42%,51.1%{background-color:#5C5CFF;color:#FFFFFF;scale:1.05;box-shadow:0 0 0 4px rgba(92,92,255,.18),0 16px 24px -8px rgba(92,92,255,.45)}
  57.4%,100%{background-color:#FFFFFF;color:#2D2A58;scale:1;box-shadow:0 4px 4px -4px rgba(12,12,13,.05),0 16px 16px -8px rgba(12,12,13,.1)}
}
@keyframes sajia-tag2-ic{0%,35.8%{color:#5C5CFF}42%,51.1%{color:#FFFFFF}57.4%,100%{color:#5C5CFF}}
@keyframes sajia-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes sajia-spin{from{opacity:0;transform:scale(.4) rotate(-90deg)}to{opacity:1;transform:none}}
@keyframes sajia-slide{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes sajia-grow-x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sajia-grow-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}/* End custom CSS */