{"id":6,"date":"2026-03-05T18:54:30","date_gmt":"2026-03-05T18:54:30","guid":{"rendered":"https:\/\/sospuravida.com\/MINOMINA\/?page_id=6"},"modified":"2026-03-05T18:54:30","modified_gmt":"2026-03-05T18:54:30","slug":"reloj","status":"publish","type":"page","link":"https:\/\/sospuravida.com\/MINOMINA\/reloj\/","title":{"rendered":"RELOJ"},"content":{"rendered":"        <style>\r\n            .sos-reloj-wrap { max-width: 800px; margin: 40px auto; font-family: -apple-system, sans-serif; text-align: center; }\r\n            .rrhh-card { background: #fff; padding: 40px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); border: 1px solid #e5e7eb; }\r\n            \r\n            .motivational-banner { padding: 20px; border-radius: 10px; margin-bottom: 25px; font-size: 18px; font-weight: 800; animation: slideDown 0.5s ease-out; border-left: 6px solid; }\r\n            .mb-in { background: #dcfce7; color: #14532d; border-color: #16a34a; }\r\n            .mb-lunch { background: #fef3c7; color: #78350f; border-color: #d97706; }\r\n            .mb-work { background: #dbeafe; color: #1e3a8a; border-color: #2563eb; }\r\n            .mb-out { background: #fee2e2; color: #7f1d1d; border-color: #dc2626; }\r\n            @keyframes slideDown { from { opacity:0; transform:translateY(-20px); } to { opacity:1; transform:translateY(0); } }\r\n\r\n            .pin-input { font-size: 40px; letter-spacing: 15px; text-align: center; width: 250px; padding: 15px; border-radius: 10px; border: 3px solid #ccc; margin-bottom: 20px; font-family: monospace; transition: 0.3s; }\r\n            .pin-input:focus { border-color: #2271b1; outline: none; box-shadow: 0 0 10px rgba(34,113,177,0.2); }\r\n\r\n            .action-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 20px; }\r\n            .btn-mark { height: 120px; border: none; border-radius: 12px; font-size: 16px; font-weight: bold; color: white; cursor: pointer; transition: all 0.3s; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.15); }\r\n            .btn-mark:hover { transform: scale(1.03); box-shadow: 0 8px 20px rgba(0,0,0,0.2); }\r\n            \r\n            .btn-in { background: linear-gradient(135deg, #16a34a, #15803d); }\r\n            .btn-lunch-out { background: linear-gradient(135deg, #f59e0b, #d97706); }\r\n            .btn-lunch-in { background: linear-gradient(135deg, #3b82f6, #1d4ed8); }\r\n            .btn-out { background: linear-gradient(135deg, #dc2626, #b91c1c); }\r\n            \r\n            #live-clock { font-size: 60px; margin: 10px 0; font-family: monospace; font-weight: bold; color: #333; }\r\n            .live-date { text-transform: uppercase; color: #666; letter-spacing: 2px; margin-bottom: 30px; font-size: 18px; }\r\n        <\/style>\r\n\r\n        <div class=\"sos-reloj-wrap\">\r\n            <div class=\"rrhh-card\">\r\n                <div id=\"live-clock\">00:00:00<\/div>\r\n                <div class=\"live-date\" id=\"live-date\">Cargando fecha...<\/div>\r\n\r\n                \r\n                <form method=\"post\" action=\"https:\/\/sospuravida.com\/MINOMINA\/wp-admin\/admin-post.php\">\r\n                    <input type=\"hidden\" name=\"action\" value=\"sos_nomina_marcar\">\r\n                    <input type=\"hidden\" name=\"redirect_url\" value=\"https:\/\/sospuravida.com\/MINOMINA\/reloj\/\">\r\n                    <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"321e948547\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/MINOMINA\/wp-json\/wp\/v2\/pages\/6\" \/>                    \r\n                    <label style=\"font-weight:bold; display:block; margin-bottom:10px; color:#555; font-size:16px;\">INGRESE SU PIN:<\/label>\r\n                    <input type=\"password\" name=\"pin_empleado\" class=\"pin-input\" maxlength=\"4\" required placeholder=\"\u2022\u2022\u2022\u2022\" autofocus autocomplete=\"off\">\r\n\r\n                    <div class=\"action-container\">\r\n                        <button type=\"submit\" name=\"tipo_marca\" value=\"entrada\" class=\"btn-mark btn-in\">\r\n                            <span style=\"font-size:30px; margin-bottom:8px;\">\u2600\ufe0f<\/span> 1. ENTRADA\r\n                        <\/button>\r\n                        <button type=\"submit\" name=\"tipo_marca\" value=\"salida_cafe\" class=\"btn-mark btn-lunch-out\">\r\n                            <span style=\"font-size:30px; margin-bottom:8px;\">\u2615<\/span> 2. ALMUERZO (IR)\r\n                        <\/button>\r\n                        <button type=\"submit\" name=\"tipo_marca\" value=\"regreso_cafe\" class=\"btn-mark btn-lunch-in\">\r\n                            <span style=\"font-size:30px; margin-bottom:8px;\">\ud83e\udd6a<\/span> 3. ALMUERZO (VOLVER)\r\n                        <\/button>\r\n                        <button type=\"submit\" name=\"tipo_marca\" value=\"salida\" class=\"btn-mark btn-out\">\r\n                            <span style=\"font-size:30px; margin-bottom:8px;\">\ud83c\udf19<\/span> 4. SALIDA\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <script>\r\n            function updateClock() {\r\n                const now = new Date();\r\n                const timeString = now.toLocaleTimeString('es-CR', { hour12: true, hour: '2-digit', minute: '2-digit', second: '2-digit' });\r\n                const dateString = now.toLocaleDateString('es-CR', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });\r\n                document.getElementById('live-clock').textContent = timeString;\r\n                document.getElementById('live-date').textContent = dateString;\r\n            }\r\n            setInterval(updateClock, 1000);\r\n            updateClock();\r\n        <\/script>\r\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sospuravida.com\/MINOMINA\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sospuravida.com\/MINOMINA\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sospuravida.com\/MINOMINA\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sospuravida.com\/MINOMINA\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sospuravida.com\/MINOMINA\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":1,"href":"https:\/\/sospuravida.com\/MINOMINA\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/sospuravida.com\/MINOMINA\/wp-json\/wp\/v2\/pages\/6\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/sospuravida.com\/MINOMINA\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}