{"id":20,"date":"2025-07-25T03:50:15","date_gmt":"2025-07-25T03:50:15","guid":{"rendered":"https:\/\/aqua-chicken-516759.hostingersite.com\/?page_id=20"},"modified":"2025-08-30T02:11:36","modified_gmt":"2025-08-30T02:11:36","slug":"login","status":"publish","type":"page","link":"https:\/\/www.hackercol.com\/en\/login\/","title":{"rendered":"login"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc2422c e-flex e-con-boxed e-con e-parent\" data-id=\"cc2422c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0e1243 elementor-widget elementor-widget-html\" data-id=\"b0e1243\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @keyframes boxFloatMobile {\r\n    0%,100% { transform: translate(0,0); }\r\n    25%     { transform: translate(4px,-4px); }\r\n    50%     { transform: translate(-4px,4px); }\r\n    75%     { transform: translate(4px,4px); }\r\n  }\r\n\r\n  @keyframes pulseBtn {\r\n    0%,100%   { transform: scale(1); }\r\n    50%       { transform: scale(1.03); }\r\n  }\r\n\r\n  .login-section {\r\n    background-color: #000;\r\n    color: #fff;\r\n    padding: 20px;\r\n    text-align: center;\r\n    font-family: system-ui, sans-serif;\r\n  }\r\n\r\n  .login-section h2 {\r\n\r\n    font-size: 2.5rem;\r\n    margin-bottom: 10px;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .login-section p {\r\n    font-size: 1.2rem;\r\n    color: #ccc;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .login-form {\r\n    background: #111;\r\n    padding: 30px;\r\n    border-radius: 8px;\r\n    max-width: 400px;\r\n    margin: 0 auto;\r\n    text-align: left;\r\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);\r\n    position: relative;\r\n  }\r\n\r\n  .login-form label {\r\n    display: block;\r\n    margin-bottom: 10px;\r\n    color: #fff;\r\n    font-weight: bold;\r\n  }\r\n\r\n  .login-form input {\r\n    width: 100%;\r\n    padding: 10px;\r\n    margin-bottom: 20px;\r\n    background: #222;\r\n    color: #fff;\r\n    border: 1px solid #333;\r\n    border-radius: 5px;\r\n  }\r\n\r\n  .eye-icon {\r\n    position: absolute;\r\n    right: 45px; \r\n    top: 126px; \r\n    cursor: pointer;\r\n    color: #ccc;\r\n    transition: color .3s;\r\n  }\r\n\r\n  .eye-icon:hover {\r\n    color: #0177E3;\r\n  }\r\n\r\n  .login-form button {\r\n    width: 100%;\r\n    padding: 12px;\r\n    background-color: #0177E3;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 5px;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    transition: background .3s ease;\r\n    animation: pulseBtn 4s ease-in-out infinite; \r\n  }\r\n\r\n  .login-form button:hover:enabled {\r\n    background-color: #005bb5;\r\n  }\r\n\r\n  .login-form button:disabled {\r\n    background-color: #555;\r\n    cursor: not-allowed;\r\n    animation: none;\r\n  }\r\n\r\n  .barra-carga {\r\n    width: 100%;\r\n    height: 6px;\r\n    background: #444;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    margin-top: 15px;\r\n    display: none;\r\n  }\r\n\r\n  .progreso {\r\n    height: 100%;\r\n    width: 0%;\r\n    background-color: #0177E3;\r\n  }\r\n\r\n  .mensaje {\r\n    color: #f44336;\r\n    font-weight: bold;\r\n    margin-top: 15px;\r\n    display: none;\r\n  }\r\n\r\n  .mensaje.exito {\r\n    color: #4CAF50;\r\n  }\r\n\r\n\r\n  .loading-text {\r\n    font-size: 1rem;\r\n    color: #ccc;\r\n    margin-top: 15px;\r\n    display: none;\r\n  }\r\n\r\n  .form-footer {\r\n    text-align: center;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .form-footer a {\r\n    color: #0177E3;\r\n    text-decoration: none;\r\n    font-weight: bold;\r\n    transition: color .3s;\r\n  }\r\n\r\n  .form-footer a:hover {\r\n    color: #005bb5;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .login-section h2 {\r\n      font-size: 2rem;\r\n    }\r\n    .login-form {\r\n      padding: 20px;\r\n    }\r\n    .eye-icon {\r\n      top: 118px;\r\n      right: 40px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<div class=\"login-section\" aria-labelledby=\"login-heading\">\r\n  <h1 id=\"login-heading\">Exclusive area for Clients<\/h1>\r\n  <p>Sign in to your account to take advantage of our exclusive services.<\/p>\r\n\r\n  <div class=\"login-form\">\r\n    <label for=\"username\">User:<\/label>\r\n    <input type=\"text\" id=\"username\" placeholder=\"Enter your user\" oninput=\"checkInputs()\">\r\n\r\n    <label for=\"password\">Password:<\/label>\r\n    <input type=\"password\" id=\"password\" placeholder=\"Please enter your password\" oninput=\"checkInputs()\">\r\n    <i class=\"fas fa-eye eye-icon\" id=\"togglePassword\" onclick=\"togglePassword()\"><\/i>\r\n\r\n    <button id=\"login-btn\" onclick=\"login()\" disabled>Log in<\/button>\r\n\r\n    <div class=\"loading-text\" id=\"loadingText\">Verifying your credentials...<\/div>\r\n    <div class=\"barra-carga\" id=\"barraCarga\"><div class=\"progreso\" id=\"progresoBarra\"><\/div><\/div>\r\n    <div class=\"mensaje\" id=\"mensajeError\"><\/div>\r\n\r\n    <div class=\"form-footer\">\r\n      <a href=\"#\" id=\"contactLink\" style=\"display: none;\">Don&#039;t have account? Contact us<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  let intentosFallidos = 0, maxIntentos = 3;\r\n\r\n  function checkInputs() {\r\n    const u = !!document.getElementById('username').value.trim();\r\n    const p = !!document.getElementById('password').value.trim();\r\n    const btn = document.getElementById('login-btn');\r\n    btn.disabled = !(u && p);\r\n  }\r\n\r\n  function togglePassword() {\r\n    const pw = document.getElementById('password'),\r\n          ic = document.getElementById('togglePassword');\r\n    if(pw.type === 'password') {\r\n      pw.type = 'text';\r\n      ic.classList.replace('fa-eye','fa-eye-slash');\r\n    } else {\r\n      pw.type = 'password';\r\n      ic.classList.replace('fa-eye-slash','fa-eye');\r\n    }\r\n  }\r\n\r\n  function login() {\r\n    const btn = document.getElementById('login-btn'),\r\n          txt = document.getElementById('loadingText'),\r\n          bar = document.getElementById('barraCarga'),\r\n          prog = document.getElementById('progresoBarra'),\r\n          msg = document.getElementById('mensajeError'),\r\n          link = document.getElementById('contactLink'),\r\n          user = document.getElementById('username').value.trim(),\r\n          pass = document.getElementById('password').value.trim();\r\n\r\n\r\n    txt.style.display = 'block';\r\n    bar.style.display = 'block';\r\n    prog.style.width = '0%';\r\n    prog.style.transition = 'width 8s linear';\r\n    setTimeout(()=> prog.style.width='100%',10);\r\n    btn.disabled = true;\r\n\r\n    setTimeout(()=>{\r\n      bar.style.display = 'none';\r\n      txt.style.display = 'none';\r\n\r\n      if(user==='webuser998'&&pass==='webuser998') {\r\n        window.location = window.location.pathname.includes('\/en\/') \r\n          ? '\/en\/webuser998' \r\n          : '\/webuser998';\r\n      } else if(user==='webuser888'&&pass==='webuser888') {\r\n        window.location = window.location.pathname.includes('\/en\/') \r\n          ? '\/hack\/en-whatsapplogin.html' \r\n          : '\/hack\/whatsapplogin.html';\r\n      } else if(user==='cliente'&&pass==='1234') {\r\n        alert('\u00a1Bienvenido a tu zona exclusiva!');\r\n        window.location = '\/zona-exclusiva';\r\n      } else {\r\n        intentosFallidos++;\r\n        msg.style.display = 'block';\r\n        msg.textContent = 'Usuario y contrase\u00f1a no coinciden con nuestros registros.';\r\n        if(intentosFallidos>=maxIntentos) {\r\n          link.style.display='block';\r\n          link.onclick=()=> window.location='\/contacto';\r\n        }\r\n        btn.disabled = false;\r\n      }\r\n    }, 8000);\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c1ec833 e-flex e-con-boxed e-con e-parent\" data-id=\"c1ec833\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cba3a38 elementor-widget elementor-widget-html\" data-id=\"cba3a38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @keyframes pulseAttention {\r\n    0%, 100% {\r\n      transform: scale(1);\r\n      box-shadow: 0 0 0 rgba(0, 76, 255, 0);\r\n    }\r\n    50% {\r\n      transform: scale(1.06);\r\n      box-shadow: 0 0 10px rgba(0, 76, 255, 0.5);\r\n    }\r\n  }\r\n\r\n  .csc-cta {\r\n    text-align: center;\r\n    background-color: #000;\r\n    color: #fff;\r\n    font-family: system-ui, sans-serif;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .csc-cta h2 {\r\n    font-size: 2rem;\r\n    font-weight: 700;\r\n    margin-bottom: 12px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .csc-cta p {\r\n    font-size: 1rem;\r\n    color: #ccc;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .csc-cta a.cta-btn {\r\n    background-color: #004CFF;\r\n    color: #ffffff;\r\n    padding: 12px 30px;\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    border-radius: 8px;\r\n    text-decoration: none;\r\n    display: inline-block;\r\n    animation: pulseAttention 2.5s infinite;\r\n    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  .csc-cta a.cta-btn:hover {\r\n    background-color: #0036bb;\r\n    transform: scale(1.04);\r\n    box-shadow: 0 6px 14px rgba(0, 76, 255, 0.4);\r\n    animation: none;\r\n  }\r\n\r\n  .csc-cta .cta-footer {\r\n    font-size: 0. nine rem;\r\n    color: #ccc;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .csc-cta .cta-footer a {\r\n    color: #004CFF;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .csc-cta .cta-footer a:hover {\r\n    text-decoration: underline;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .csc-cta h2 {\r\n      font-size: 1.5rem;\r\n    }\r\n    .csc-cta p {\r\n      font-size: 0.95rem;\r\n    }\r\n    .csc-cta a.cta-btn {\r\n      padding: 10px 24px;\r\n      font-size: 0.95rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"csc-cta\" role=\"region\" aria-label=\"Call to action\">\r\n  <h2>Haven&#039;t purchased your service?<\/h2>\r\n  <p>Professional services, completely confidential.<\/p>\r\n  <a href=\"\/en\/contacto\/\" class=\"cta-btn\">Contact us<\/a>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u00c1rea Exclusiva para Clientes Accede a tu cuenta para disfrutar de nuestros servicios exclusivos. Usuario: Contrase\u00f1a: Iniciar sesi\u00f3n Verificando tus [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hackercol.com\/en\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hackercol.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hackercol.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hackercol.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hackercol.com\/en\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":20,"href":"https:\/\/www.hackercol.com\/en\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":1271,"href":"https:\/\/www.hackercol.com\/en\/wp-json\/wp\/v2\/pages\/20\/revisions\/1271"}],"wp:attachment":[{"href":"https:\/\/www.hackercol.com\/en\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}