/** * HOT +18 — Tailwind utilities (build estático) * * Substitui o Tailwind "Play CDN" (compilador JS em runtime) por um CSS * estático com exatamente as utilidades usadas pelo tema. Isso elimina o * bloqueio de renderização no e o FOUC do carregamento inicial. * * Para regenerar: este arquivo cobre as classes presentes em templates/, * front-page.php e nos ícones Lucide. Ao adicionar novas classes utilitárias * no markup, inclua a regra correspondente aqui. */ /* ----- Theme tokens (equivalente ao @theme do Tailwind) ----- */ :root { --color-primary: #FF2D2D; --color-dark-bg: #0F0F0F; --color-dark-surface: #1A1A1A; --color-text-secondary: #A0A0A0; } /* ----- Display ----- */ .inline { display: inline; } .inline-block { display: inline-block; } /* ----- Sizing (1 unidade = 0.25rem) ----- */ .w-3\.5 { width: 0.875rem; } .h-3\.5 { height: 0.875rem; } .w-4 { width: 1rem; } .h-4 { height: 1rem; } .w-5 { width: 1.25rem; } .h-5 { height: 1.25rem; } .w-12 { width: 3rem; } .h-12 { height: 3rem; } .w-24 { width: 6rem; } .h-24 { height: 6rem; } /* ----- Spacing ----- */ .mr-1 { margin-right: 0.25rem; } .ml-1\.5 { margin-left: 0.375rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-4 { margin-bottom: 1rem; } .mt-4 { margin-top: 1rem; } /* ----- Typography ----- */ .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .font-semibold { font-weight: 600; } /* ----- Text color ----- */ .text-white { color: #fff; } .text-white\/10 { color: rgba(255, 255, 255, 0.1); } .text-white\/20 { color: rgba(255, 255, 255, 0.2); } .text-white\/40 { color: rgba(255, 255, 255, 0.4); } .text-white\/60 { color: rgba(255, 255, 255, 0.6); } .text-primary { color: var(--color-primary); } /* ----- SVG fill (ícones Lucide preenchidos) ----- */ .fill-white { fill: #fff; } .fill-primary { fill: var(--color-primary); } .fill-primary\/20 { fill: rgba(255, 45, 45, 0.2); } /* ============================================ Utilidades customizadas (antes no bloco inline do header) ============================================ */ .glass-morphism { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.1); } .video-gradient-overlay { background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 40%); } .no-scrollbar::-webkit-scrollbar { display: none; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .animate-marquee { display: inline-block; white-space: nowrap; animation: marquee 10s linear infinite; min-width: 100%; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .animate-spin-slow { animation: spin 3s linear infinite; } @keyframes pulseSubtle { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.93; transform: scale(0.99); } } .animate-pulse-subtle { animation: pulseSubtle 3s ease-in-out infinite; }