@omnizap-system/omnizap 2.5.12

package/public/assets/css/home-react.input.css

@@ -0,0 +1,106 @@
+@import 'tailwindcss';
+@plugin "daisyui" {
+  themes: night --default;
+}
+
+@source "../../index.html";
+@source "../../js/apps/homeReactApp.js";
+
+@layer base {
+  html[data-theme='night'] {
+    --b1: 222 47% 11%;
+    --b2: 222 44% 9%;
+    --b3: 222 40% 8%;
+    --bc: 210 40% 96%;
+    --p: 142 71% 45%; /* Green primary */
+    --pc: 222 47% 11%;
+    --s: 217 91% 60%; /* Blue secondary */
+    --sc: 210 40% 98%;
+    --rounded-box: 2rem;
+    --rounded-btn: 1rem;
+  }
+
+  body {
+    color: hsl(var(--bc));
+    background: #020617;
+    background-image: radial-gradient(at 0% 0%, hsla(142, 71%, 45%, 0.15) 0px, transparent 50%), radial-gradient(at 100% 0%, hsla(217, 91%, 60%, 0.15) 0px, transparent 50%);
+    min-height: 100vh;
+  }
+}
+
+@layer components {
+  [data-reveal] {
+    opacity: 0;
+    transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
+    transition-delay: var(--reveal-delay, 0ms);
+    will-change: transform, opacity;
+  }
+
+  [data-reveal='fade-up'] {
+    transform: translateY(30px);
+  }
+  [data-reveal='fade-right'] {
+    transform: translateX(-40px);
+  }
+  [data-reveal='fade-left'] {
+    transform: translateX(40px);
+  }
+
+  [data-reveal].is-visible {
+    opacity: 1;
+    transform: translate(0, 0) !important;
+  }
+
+  .glass-card {
+    background: rgba(255, 255, 255, 0.02);
+    backdrop-filter: blur(12px);
+    border: 1px solid rgba(255, 255, 255, 0.05);
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+  }
+
+  .hero-glow {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 150%;
+    height: 150%;
+    background: radial-gradient(circle, hsla(142, 71%, 45%, 0.1) 0%, transparent 70%);
+    pointer-events: none;
+    z-index: -1;
+  }
+
+  .text-balance {
+    text-wrap: balance;
+  }
+
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
+  .no-scrollbar {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+
+  /* Custom breakpoints */
+  @container (min-width: 400px) {
+    .xs\:inline {
+      display: inline;
+    }
+  }
+
+  /* Custom scrollbar */
+  ::-webkit-scrollbar {
+    width: 8px;
+  }
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  ::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.1);
+    border-radius: 10px;
+  }
+  ::-webkit-scrollbar-thumb:hover {
+    background: rgba(255, 255, 255, 0.2);
+  }
+}

package/public/assets/css/login-react.input.css

@@ -0,0 +1,58 @@
+@import 'tailwindcss';
+@plugin "daisyui" {
+  themes: night --default;
+}
+
+@source "../../login/index.html";
+@source "../../js/apps/loginReactApp.js";
+
+@layer base {
+  html[data-theme='night'] {
+    --b1: 222 47% 11%;
+    --b2: 222 44% 9%;
+    --b3: 222 40% 8%;
+    --bc: 210 40% 96%;
+    --p: 142 71% 45%;
+    --pc: 222 47% 11%;
+    --s: 217 91% 60%;
+    --sc: 210 40% 98%;
+    --rounded-box: 2rem;
+    --rounded-btn: 1rem;
+  }
+
+  body {
+    color: hsl(var(--bc));
+    background: #020617;
+    background-image: radial-gradient(at 0% 0%, hsla(142, 71%, 45%, 0.12) 0px, transparent 50%), radial-gradient(at 100% 0%, hsla(217, 91%, 60%, 0.12) 0px, transparent 50%);
+    min-height: 100vh;
+  }
+}
+
+@layer components {
+  [data-reveal] {
+    opacity: 0;
+    transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
+    transition-delay: var(--reveal-delay, 0ms);
+    will-change: transform, opacity;
+  }
+
+  [data-reveal='fade-up'] {
+    transform: translateY(30px);
+  }
+
+  [data-reveal].is-visible {
+    opacity: 1;
+    transform: translate(0, 0) !important;
+  }
+
+  .glass-card {
+    background: rgba(255, 255, 255, 0.02);
+    backdrop-filter: blur(12px);
+    border: 1px solid rgba(255, 255, 255, 0.05);
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+  }
+
+  .text-balance {
+    text-wrap: balance;
+  }
+}

package/public/assets/css/stickers-react.input.css

@@ -0,0 +1,18 @@
+@import 'tailwindcss';
+@plugin "daisyui" {
+  themes: night --default;
+}
+
+@source "../../stickers/index.html";
+@source "../../js/apps/stickersApp.js";
+
+@layer base {
+  body {
+    color: hsl(var(--bc));
+    background: radial-gradient(72rem 42rem at -14% -20%, rgb(59 130 246 / 0.2), transparent 62%), radial-gradient(55rem 30rem at 116% -8%, rgb(14 165 233 / 0.12), transparent 64%), #020617;
+  }
+
+  #stickers-react-root {
+    color: hsl(var(--bc));
+  }
+}

package/public/assets/css/terms-react.input.css

@@ -0,0 +1,115 @@
+@import 'tailwindcss';
+@plugin "daisyui" {
+  themes: night --default;
+}
+
+@source "../../pages/termos-de-uso.html";
+@source "../../js/apps/termsReactApp.js";
+
+@layer base {
+  html[data-theme='night'] {
+    --b1: 222 47% 11%;
+    --b2: 222 44% 9%;
+    --b3: 222 40% 8%;
+    --bc: 210 40% 96%;
+    --p: 142 71% 45%;
+    --pc: 222 47% 11%;
+    --s: 217 91% 60%;
+    --sc: 210 40% 98%;
+    --rounded-box: 2rem;
+    --rounded-btn: 1rem;
+  }
+
+  body {
+    color: hsl(var(--bc));
+    background: #020617;
+    background-image: radial-gradient(at 0% 0%, hsla(142, 71%, 45%, 0.12) 0px, transparent 50%), radial-gradient(at 100% 0%, hsla(217, 91%, 60%, 0.12) 0px, transparent 50%);
+    min-height: 100vh;
+    font-family: 'Sora', sans-serif;
+  }
+}
+
+@layer components {
+  [data-reveal] {
+    opacity: 0;
+    transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
+    transition-delay: var(--reveal-delay, 0ms);
+    will-change: transform, opacity;
+  }
+
+  [data-reveal='fade-up'] {
+    transform: translateY(30px);
+  }
+
+  [data-reveal].is-visible {
+    opacity: 1;
+    transform: translate(0, 0) !important;
+  }
+
+  .glass-card {
+    background: rgba(255, 255, 255, 0.02);
+    backdrop-filter: blur(12px);
+    border: 1px solid rgba(255, 255, 255, 0.05);
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+  }
+
+  .text-balance {
+    text-wrap: balance;
+  }
+
+  .terms-container {
+    width: min(1100px, 94vw);
+    margin: 0 auto;
+    padding: 2rem 0 5rem;
+  }
+
+  /* Estilos específicos para o conteúdo dos termos injetado */
+  .terms-card {
+    background: rgba(255, 255, 255, 0.02);
+    backdrop-filter: blur(12px);
+    border: 1px solid rgba(255, 255, 255, 0.05);
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+    @apply rounded-[2rem] p-6 lg:p-10 mb-6;
+  }
+
+  .terms-card h1 {
+    @apply text-3xl lg:text-5xl font-black tracking-tight mb-4;
+    font-family: 'Space Grotesk', sans-serif;
+  }
+
+  .terms-card h2 {
+    @apply text-xl lg:text-2xl font-black tracking-tight text-primary mt-8 mb-4 border-l-4 border-primary pl-4;
+    font-family: 'Space Grotesk', sans-serif;
+  }
+
+  .terms-card h3 {
+    @apply text-lg font-bold text-white mt-6 mb-2;
+  }
+
+  .terms-card p,
+  .terms-card li {
+    @apply text-base-content/60 text-sm lg:text-base leading-relaxed mb-4;
+  }
+
+  .terms-card ul {
+    @apply list-disc pl-6 mb-4;
+  }
+
+  .terms-card .accent {
+    @apply text-primary font-bold;
+  }
+
+  .terms-card .updated {
+    @apply text-xs font-bold uppercase tracking-widest text-base-content/30 mb-6 block;
+  }
+
+  .contact-btn {
+    @apply inline-flex items-center px-4 py-2 rounded-xl font-bold text-xs lg:text-sm transition-transform hover:-translate-y-0.5;
+  }
+  .contact-btn.wa {
+    @apply bg-success text-success-content;
+  }
+  .contact-btn.ig {
+    @apply bg-gradient-to-tr from-yellow-400 via-pink-500 to-purple-600 text-white;
+  }
+}

package/public/assets/css/user-react.input.css

@@ -0,0 +1,57 @@
+@import 'tailwindcss';
+@plugin "daisyui" {
+  themes: night --default;
+}
+
+@source "../../user/index.html";
+@source "../../js/apps/userReactApp.js";
+
+@layer base {
+  html[data-theme='night'] {
+    --b1: 222 47% 11%;
+    --b2: 222 44% 9%;
+    --b3: 222 40% 8%;
+    --bc: 210 40% 96%;
+    --p: 142 71% 45%;
+    --pc: 222 47% 11%;
+    --s: 217 91% 60%;
+    --sc: 210 40% 98%;
+    --rounded-box: 2rem;
+    --rounded-btn: 1rem;
+  }
+
+  body {
+    color: hsl(var(--bc));
+    background: #020617;
+    background-image: radial-gradient(at 0% 0%, hsla(142, 71%, 45%, 0.1) 0px, transparent 50%), radial-gradient(at 100% 0%, hsla(217, 91%, 60%, 0.1) 0px, transparent 50%);
+    min-height: 100vh;
+  }
+}
+
+@layer components {
+  [data-reveal] {
+    opacity: 0;
+    transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
+    transition-delay: var(--reveal-delay, 0ms);
+    will-change: transform, opacity;
+  }
+
+  [data-reveal='fade-up'] {
+    transform: translateY(20px);
+  }
+  [data-reveal='fade-right'] {
+    transform: translateX(-20px);
+  }
+
+  [data-reveal].is-visible {
+    opacity: 1;
+    transform: translate(0, 0) !important;
+  }
+
+  .glass-card {
+    background: rgba(255, 255, 255, 0.02);
+    backdrop-filter: blur(12px);
+    border: 1px solid rgba(255, 255, 255, 0.05);
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+  }
+}