Contenido restringido

#restricted-wrapper { width: 100%; min-height: 70vh; display: flex; justify-content: center; align-items: center; padding: 40px 20px; background: #f4f7fb; } .restricted-card { background: #ffffff; padding: 35px 40px; max-width: 520px; width: 100%; border-radius: 14px; box-shadow: 0 10px 25px rgba(0,0,0,0.08); text-align: center; animation: fadeIn 0.6s ease; } .restricted-title { font-size: 28px; margin-bottom: 10px; font-weight: 700; color: #222; } .restricted-text { font-size: 16px; color: #555; margin-bottom: 20px; } #dynamic-message { font-size: 15px; font-weight: 600; color: #3AA0BF; margin-bottom: 20px; } .restricted-btn { display: inline-block; background: #3AA0BF; color: #fff; padding: 12px 28px; border-radius: 8px; text-decoration: none; font-size: 15px; margin-bottom: 15px; transition: 0.3s; } .restricted-btn:hover { background: #318ca5; } .restricted-link { display: block; color: #444; font-size: 14px; text-decoration: underline; margin-top: 5px; } @keyframes fadeIn { from { opacity:0; transform: translateY(10px); } to { opacity:1; transform: translateY(0); } } // MENSAJE DINÁMICO SEGÚN HORA DEL DÍA (function(){ const msg = document.getElementById("dynamic-message"); const hour = new Date().getHours(); let texto = ""; if(hour >= 6 && hour = 12 && hour < 19){ texto = "Buenas tardes ☀️ ¿Necesitas ayuda para acceder?"; } else{ texto = "Buenas noches 🌙 Acceso disponible cuando inicies sesión."; } msg.textContent = texto; })();