/* Página Nossos apps – "Lançamento" nas cores da marca: manchas azul/dourado em movimento, vidro fosco, ícones flutuando */

/* Fundo: a mesma luz suave (dourada e azul) da página inicial, passeando devagar */
.t-apps .bg-fx i { border-radius: 50%; }
.t-apps .bg-fx i:nth-child(1) { width: 70vmax; height: 70vmax; left: -20vmax; top: 10vh; background: radial-gradient(closest-side, rgba(242,193,78,.14), transparent 70%); }
.t-apps .bg-fx i:nth-child(2) { width: 80vmax; height: 80vmax; right: -30vmax; top: 20vh; background: radial-gradient(closest-side, rgba(58,168,255,.14), transparent 70%); }
.t-apps .bg-fx i:nth-child(3) { width: 50vmax; height: 50vmax; left: 30vw; bottom: -25vmax; background: radial-gradient(closest-side, rgba(58,168,255,.08), transparent 70%); }
.t-apps .bg-fx i:nth-child(4) { inset: 0; border-radius: 0; background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.6px); background-size: 30px 30px;
  -webkit-mask: radial-gradient(ellipse 70% 60% at 50% 50%, #000, transparent 80%); mask: radial-gradient(ellipse 70% 60% at 50% 50%, #000, transparent 80%); }
.t-apps .bg-fx i:nth-child(5) { display: none; }
@media (prefers-reduced-motion: no-preference) {
  .t-apps .bg-fx i:nth-child(1) { animation: apps-a 22s ease-in-out infinite alternate; }
  .t-apps .bg-fx i:nth-child(2) { animation: apps-b 26s ease-in-out infinite alternate; }
  .t-apps .bg-fx i:nth-child(3) { animation: apps-a 30s ease-in-out infinite alternate-reverse; }
}
@keyframes apps-a { to { transform: translate(20vw, 25vh) scale(1.2); } }
@keyframes apps-b { to { transform: translate(-25vw, 10vh) scale(.85); } }

/* Vidro fosco */
.t-apps .app-sec.alt, .t-apps .icms { background: transparent; }
.t-apps .glow, .t-apps .app-tile, .t-apps .dl, .t-apps .cta-band { background: rgba(255,255,255,.05); backdrop-filter: blur(22px) saturate(140%); -webkit-backdrop-filter: blur(22px) saturate(140%); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 30px 80px -40px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.1); }
.t-apps .app-tile { border-radius: 26px; }
.t-apps .dl { border-radius: 32px; }

/* Ícones flutuando com anéis (topo) */
.apps-orbit { aspect-ratio: 1; }
.apps-orbit .r { position: absolute; inset: var(--i); border-radius: 50%; border: 1px solid rgba(255,255,255,.12); }
.apps-orbit .r::after { content: ""; position: absolute; top: 50%; left: -4px; width: 8px; height: 8px; border-radius: 50%; background: var(--c, #F2C14E); box-shadow: 0 0 14px var(--c, #F2C14E); }
.apps-orbit img { position: absolute; width: 34%; border-radius: 26%; box-shadow: 0 40px 80px -20px rgba(0,0,0,.8), 0 0 60px -10px var(--g); }
.apps-orbit .a { left: 16%; top: 20%; --g: rgba(242,193,78,.6); }
.apps-orbit .b { right: 14%; bottom: 18%; --g: rgba(58,168,255,.7); }
.apps-orbit .spark { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #fff; box-shadow: 0 0 10px #fff; }
@media (prefers-reduced-motion: no-preference) {
  .apps-orbit .r { animation: spin var(--t, 30s) linear infinite; }
  .apps-orbit .a { animation: apps-float 7s ease-in-out infinite; }
  .apps-orbit .b { animation: apps-float 8s ease-in-out -3s infinite; }
  .apps-orbit .spark { animation: blink 2.4s ease-in-out infinite; animation-delay: var(--dl, 0s); }
}
@keyframes apps-float { 0%, 100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-18px) rotate(4deg); } }
@media (max-width: 980px) { .apps-orbit { max-width: 360px; } }
/* Cartões dos dois apps em coluna, à esquerda dos ícones */
@media (min-width: 981px) { .t-apps .app-tiles { grid-template-columns: 1fr; } }

/* Céu de estrelas */
.t-apps .bg-fx canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
/* "Sistema solar": brilho no centro, anéis com pontos orbitando e uma faixa de luz girando */
.apps-orbit .core { position: absolute; inset: 38%; border-radius: 50%; background: radial-gradient(closest-side, rgba(242,193,78,.5), rgba(58,168,255,.2) 60%, transparent); filter: blur(8px); }
.apps-orbit .r { border-color: rgba(255,255,255,.18); }
.apps-orbit .r::before { content: ""; position: absolute; inset: -1px; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0 65%, rgba(242,193,78,.6) 85%, transparent 100%); -webkit-mask: radial-gradient(closest-side, transparent calc(100% - 2px), #000 calc(100% - 1px)); mask: radial-gradient(closest-side, transparent calc(100% - 2px), #000 calc(100% - 1px)); }
.apps-orbit .r2::after { width: 6px; height: 6px; }
@media (prefers-reduced-motion: no-preference) { .apps-orbit .r2 { animation-direction: reverse; } .apps-orbit .core { animation: apps-pulse 5s ease-in-out infinite; } }
@keyframes apps-pulse { 50% { transform: scale(1.15); opacity: .7; } }
/* Órbita grande, mas inteira abaixo do menu */
@media (min-width: 981px) { .apps-hero .hero-deco.apps-orbit { max-width: 580px; } main[data-view="visao"] .apps-hero { min-height: 80vh; } }