{"id":45,"date":"2025-06-07T20:03:09","date_gmt":"2025-06-08T01:03:09","guid":{"rendered":"http:\/\/18.206.226.234\/?page_id=45"},"modified":"2025-08-21T19:51:23","modified_gmt":"2025-08-22T00:51:23","slug":"inicio-de-sesion","status":"publish","type":"page","link":"http:\/\/18.206.226.234\/index.php\/inicio-de-sesion\/","title":{"rendered":"Inicio de Sesi\u00f3n"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"45\" class=\"elementor elementor-45\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4ba85a e-con-full e-flex e-con e-parent\" data-id=\"e4ba85a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73b8a2c elementor-widget elementor-widget-html\" data-id=\"73b8a2c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Hotel ProGESTION - Inicio de Sesi\u00f3n<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');\r\n        \r\n        body {\r\n            font-family: 'Poppins', sans-serif;\r\n        }\r\n        \r\n        .primary-color {\r\n            color: #1e3a8a;\r\n        }\r\n        \r\n        .primary-bg {\r\n            background-color: #1e3a8a;\r\n        }\r\n        \r\n        .secondary-color {\r\n            color: #f59e0b;\r\n        }\r\n        \r\n        .secondary-bg {\r\n            background-color: #f59e0b;\r\n        }\r\n\r\n        .carousel-container {\r\n            position: relative;\r\n            overflow: hidden;\r\n            height: 100%;\r\n        }\r\n        \r\n        .carousel-slide {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            opacity: 0;\r\n            transition: opacity 1s ease-in-out;\r\n            background-size: cover;\r\n            background-position: center;\r\n        }\r\n        \r\n        .carousel-slide.active {\r\n            opacity: 1;\r\n        }\r\n        \r\n        .carousel-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.5);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            color: white;\r\n            text-align: center;\r\n            padding: 2rem;\r\n        }\r\n\r\n        .btn-primary {\r\n            background-color: #1e3a8a;\r\n            color: white;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .btn-primary:hover {\r\n            background-color: #1e40af;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .demo-badge {\r\n            position: absolute;\r\n            top: 10px;\r\n            right: 10px;\r\n            background-color: rgba(255, 0, 0, 0.7);\r\n            color: white;\r\n            padding: 5px 10px;\r\n            border-radius: 5px;\r\n            font-size: 12px;\r\n            z-index: 100;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100 min-h-screen\">\r\n    <div class=\"demo-badge\">DEMO<\/div>\r\n    \r\n    <div class=\"flex flex-col md:flex-row min-h-screen\">\r\n        <!-- Carrusel Lado Izquierdo -->\r\n        <div class=\"w-full md:w-1\/2 h-64 md:h-auto relative\">\r\n            <div class=\"carousel-container\">\r\n                <div class=\"carousel-slide active\" style=\"background-image: url('https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcR_sSl8rKjzWAvw7CNcKNxMOJgz_r4relct5A&s')\">\r\n                    <div class=\"carousel-overlay\">\r\n                        <h2 class=\"text-3xl font-bold mb-4\">Servicios de Catering<\/h2>\r\n                        <p class=\"text-lg\">Soluciones gastron\u00f3micas de alta calidad para su hotel<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"carousel-slide\" style=\"background-image: url('https:\/\/textileurotex.com\/wp-content\/uploads\/2024\/10\/05.-Exclusiva-ropa-de-cama.jpeg')\">\r\n                    <div class=\"carousel-overlay\">\r\n                        <h2 class=\"text-3xl font-bold mb-4\">Lencer\u00eda para Hoteles<\/h2>\r\n                        <p class=\"text-lg\">Textiles de lujo para una experiencia de hospedaje superior<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"carousel-slide\" style=\"background-image: url('https:\/\/cdn1.totalcommerce.cloud\/casalimpia\/product-image\/es\/kit-basico-empresarial-1.webp')\">\r\n                    <div class=\"carousel-overlay\">\r\n                        <h2 class=\"text-3xl font-bold mb-4\">Productos de Aseo<\/h2>\r\n                        <p class=\"text-lg\">Amenidades premium para hoteles de categor\u00eda<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Formulario Lado Derecho -->\r\n        <div class=\"w-full md:w-1\/2 flex items-center justify-center p-8 bg-white\">\r\n            <div class=\"w-full max-w-md\">\r\n                <div class=\"text-center mb-10\">\r\n                    <h1 class=\"text-3xl font-bold primary-color\">Hotel ProGESTION<\/h1>\r\n                    <p class=\"text-gray-600 mt-2\">Panel de Administraci\u00f3n<\/p>\r\n                <\/div>\r\n                \r\n                <form id=\"loginForm\" class=\"space-y-6\">\r\n                    <div>\r\n                        <label for=\"username\" class=\"block text-sm font-medium text-gray-700 mb-1\">Usuario<\/label>\r\n                        <div class=\"relative\">\r\n                            <div class=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                                <i class=\"fas fa-user text-gray-400\"><\/i>\r\n                            <\/div>\r\n                            <input id=\"username\" name=\"username\" type=\"text\" placeholder=\"Ingrese su usuario\" class=\"block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500\" required>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div>\r\n                        <label for=\"password\" class=\"block text-sm font-medium text-gray-700 mb-1\">Contrase\u00f1a<\/label>\r\n                        <div class=\"relative\">\r\n                            <div class=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                                <i class=\"fas fa-lock text-gray-400\"><\/i>\r\n                            <\/div>\r\n                            <input id=\"password\" name=\"password\" type=\"password\" placeholder=\"Ingrese su contrase\u00f1a\" class=\"block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500\" required>\r\n                            <div class=\"absolute inset-y-0 right-0 pr-3 flex items-center\">\r\n                                <i id=\"togglePassword\" class=\"fas fa-eye text-gray-400 cursor-pointer\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div>\r\n                        <button type=\"submit\" class=\"w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white btn-primary focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500\">\r\n                            Iniciar Sesi\u00f3n\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/form>\r\n                \r\n                <div class=\"mt-6\">\r\n                    <div class=\"text-center\">\r\n                        <a href=\"#\" class=\"text-sm text-blue-600 hover:text-blue-800\">\u00bfOlvidaste tu contrase\u00f1a?<\/a>\r\n                    <\/div>\r\n                    <div class=\"mt-4 text-center\">\r\n                        <a href=\"http:\/\/18.206.226.234\/index.php\/registro-de-proveedores\/\" class=\"text-sm text-blue-600 hover:text-blue-800\">Registrarse como proveedor<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Footer -->\r\n    <footer class=\"bg-gray-800 text-white py-8\">\r\n        <div class=\"container mx-auto px-4\">\r\n            <div class=\"flex flex-wrap justify-between\">\r\n                <div class=\"w-full md:w-1\/3 mb-6 md:mb-0\">\r\n                    <h3 class=\"text-xl font-bold mb-4\">Hotel ProGESTION<\/h3>\r\n                    <p class=\"text-gray-300\">Soluciones integrales para la gesti\u00f3n hotelera<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"w-full md:w-1\/3 mb-6 md:mb-0\">\r\n                    <h3 class=\"text-xl font-bold mb-4\">Contacto<\/h3>\r\n                    <p class=\"text-gray-300 mb-2\"><i class=\"fas fa-envelope mr-2\"><\/i> info@hotelprogestion.com<\/p>\r\n                    <p class=\"text-gray-300 mb-2\"><i class=\"fas fa-phone mr-2\"><\/i> +1 234 567 890<\/p>\r\n                    <p class=\"text-gray-300\"><i class=\"fas fa-map-marker-alt mr-2\"><\/i> Calle Principal 123, Ciudad<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"w-full md:w-1\/3\">\r\n                    <h3 class=\"text-xl font-bold mb-4\">S\u00edguenos<\/h3>\r\n                    <div class=\"flex space-x-4\">\r\n                        <a href=\"#\" class=\"text-gray-300 hover:text-white transition-colors duration-300\">\r\n                            <i class=\"fab fa-facebook-f text-xl\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"#\" class=\"text-gray-300 hover:text-white transition-colors duration-300\">\r\n                            <i class=\"fab fa-twitter text-xl\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"#\" class=\"text-gray-300 hover:text-white transition-colors duration-300\">\r\n                            <i class=\"fab fa-instagram text-xl\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"#\" class=\"text-gray-300 hover:text-white transition-colors duration-300\">\r\n                            <i class=\"fab fa-linkedin-in text-xl\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"border-t border-gray-700 mt-8 pt-6 text-center text-gray-300\">\r\n                <p>&copy; 2023 Hotel ProGESTION. Todos los derechos reservados.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Carrusel de im\u00e1genes\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const slides = document.querySelectorAll('.carousel-slide');\r\n            let currentSlide = 0;\r\n            \r\n            function showSlide(index) {\r\n                slides.forEach(slide => slide.classList.remove('active'));\r\n                slides[index].classList.add('active');\r\n            }\r\n            \r\n            function nextSlide() {\r\n                currentSlide = (currentSlide + 1) % slides.length;\r\n                showSlide(currentSlide);\r\n            }\r\n            \r\n            \/\/ Cambiar slide cada 5 segundos\r\n            setInterval(nextSlide, 5000);\r\n            \r\n            \/\/ Mostrar\/ocultar contrase\u00f1a\r\n            const togglePassword = document.getElementById('togglePassword');\r\n            const password = document.getElementById('password');\r\n            \r\n            togglePassword.addEventListener('click', function() {\r\n                const type = password.getAttribute('type') === 'password' ? 'text' : 'password';\r\n                password.setAttribute('type', type);\r\n                this.classList.toggle('fa-eye');\r\n                this.classList.toggle('fa-eye-slash');\r\n            });\r\n            \r\n            \/\/ Formulario de inicio de sesi\u00f3n\r\n            const loginForm = document.getElementById('loginForm');\r\n            \r\n            loginForm.addEventListener('submit', function(e) {\r\n                e.preventDefault();\r\n                \r\n                const username = document.getElementById('username').value;\r\n                const password = document.getElementById('password').value;\r\n                \r\n                if (username === 'AdminProgestion' && password === 'Demo2025') {\r\n                    window.location.href = 'http:\/\/18.206.226.234\/index.php\/panel-de-control\/';\r\n                } else {\r\n                    alert('Usuario o contrase\u00f1a incorrectos. Por favor, int\u00e9ntelo de nuevo.');\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'972e5d56336f2593',t:'MTc1NTgyMzcwNi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hotel ProGESTION &#8211; Inicio de Sesi\u00f3n DEMO Servicios de Catering Soluciones gastron\u00f3micas de alta calidad para su hotel Lencer\u00eda para Hoteles Textiles de lujo para una experiencia de hospedaje superior Productos de Aseo Amenidades premium para hoteles de categor\u00eda Hotel ProGESTION Panel de Administraci\u00f3n Usuario Contrase\u00f1a Iniciar Sesi\u00f3n \u00bfOlvidaste tu contrase\u00f1a? Registrarse como proveedor Hotel [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":16,"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":216,"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/pages\/45\/revisions\/216"}],"wp:attachment":[{"href":"http:\/\/18.206.226.234\/index.php\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}