Embed

<div class="lora-gate">
  <div class="lora-gate-card">
    <div class="lora-gate-title">Acceso de Control Interno</div>
    <div class="lora-gate-sub">Ingrese contraseña. Solo Personal Autorizado.</div>

    <label class="lora-gate-label" for="loraGatePass">Contraseña</label>

    <div class="lora-gate-row">
      <input id="loraGatePass" class="lora-gate-input" type="password" placeholder="••••••••" />
      <button id="loraGateToggle" class="lora-gate-toggle" type="button">👁️</button>
    </div>

    <button id="loraGateBtn" class="lora-gate-btn" type="button">Entrar</button>

    <div id="loraGateMsg" class="lora-gate-msg"></div>
    <div class="lora-gate-foot">Uso interno — Grupo LORA</div>
  </div>
</div>

<style>
  .lora-gate{max-width:560px;margin:40px auto;padding:0 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;}
  .lora-gate-card{border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:24px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.08);}
  .lora-gate-title{font-size:20px;font-weight:800;margin-bottom:6px}
  .lora-gate-sub{font-size:14px;opacity:.8;margin-bottom:16px}
  .lora-gate-label{font-size:13px;font-weight:700;margin-bottom:6px;display:block}
  .lora-gate-row{display:flex;gap:10px}
  .lora-gate-input{flex:1;padding:12px 14px;border:1px solid #d1d5db;border-radius:12px;font-size:16px}
  .lora-gate-toggle{width:44px;border-radius:12px;border:1px solid #d1d5db;background:#fff;cursor:pointer}
  .lora-gate-btn{margin-top:14px;width:100%;padding:12px;border-radius:12px;border:none;background:#111;color:#fff;font-size:16px;font-weight:800;cursor:pointer}
  .lora-gate-msg{display:none;margin-top:14px;color:#b91c1c;font-weight:800}
  .lora-gate-foot{margin-top:12px;font-size:12px;opacity:.7}
</style>


Grupo Lora

Industrial Solutions Provider & Precision Manufacturing Group