/* Critical above-fold CSS for FOUC prevention */ /* Loaded synchronously in to prevent Flash of Unstyled Content */ *, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid } body { margin: 0; font-family: 'Outfit', 'Inter', system-ui, sans-serif; background: #fff; color: #1f2937; overflow-x: hidden } #navbar { position: fixed; top: 0; left: 0; width: 100%; z-index: 50; transition: all 0.3s ease } #progress-bar { position: fixed; top: 0; left: 0; height: 4px; background: #FFD700; z-index: 60; width: 0; transition: width 0.1s ease-out } #inicio { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden } .bg-gradient-to-br { position: absolute; inset: 0; background: linear-gradient(to bottom right, #051221, #0B1E33, #163354) } h1 { font-family: 'Montserrat', sans-serif; font-weight: 800; color: #fff; line-height: 1.15 } .text-accent { color: #FFD700 } .text-accent-light { color: #FFE14D } input[type="checkbox"] { width: 18px; height: 18px; accent-color: #FFD700; cursor: pointer; flex-shrink: 0; } input[type="checkbox"]:checked { background-color: #FFD700; } .bg-gold { background-color: #D4AF37; } .bg-gold-light { background-color: #E8C547; } .hover\:bg-gold-light:hover { background-color: #E8C547; } #mobile-menu { background-color: #0B1E33 !important; }