Reset Password

app/controllers/login.php

@@ -4,6 +4,11 @@ require_once __DIR__ . '/../../config/database.php';
 require_once __DIR__ . '/../helpers/crypto.php';
 require_once __DIR__ . '/../helpers/bitacoras.php';
 require_once __DIR__ . '/../helpers/env.php';
+
+require_once __DIR__ . '/../../vendor/autoload.php';
+use PHPMailer\PHPMailer\PHPMailer;
+use PHPMailer\PHPMailer\Exception;
+
 loadEnv();
 
 function index()
@@ -11,10 +16,8 @@ function index()
     include __DIR__ . '/../../views/login/index.php';
 }
 
-
 function validar()
 {
-   
     $conn = getConnection();
 
     $email = trim($_POST['email'] ?? '');
@@ -72,5 +75,229 @@ function validar()
     header('Location: /IMPORTADORES/login');
 }
 
+function recuperar()
+{
+    include __DIR__ . '/../../views/login/recuperar.php';
+}
 
+function enviarCodigo()
+{
+    $conn = getConnection();
 
+    // Obtener el correo proporcionado en el formulario
+    $email = trim($_POST['email'] ?? '');
+
+    // Verificar si el correo es válido
+    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
+        die("❌ Correo inválido.");
+    }
+
+    // Encriptar el correo ingresado para comparar con el de la base de datos
+    $emailEncrypted = encrypt($email);
+
+    // Consultar si el correo encriptado existe en la base de datos
+    $sql = "SELECT id_usuario FROM usuarios_sistema WHERE email = ?";
+    $stmt = sqlsrv_query($conn, $sql, [$emailEncrypted]);
+
+    if (!$stmt || !($row = sqlsrv_fetch_array($stmt, SQLSRV_FETCH_ASSOC))) {
+        die("❌ Correo no encontrado.");
+    }
+
+    // Generar el código de recuperación y la expiración
+    $codigo = rand(100000, 999999);
+    $expira = date('Y-m-d H:i:s', strtotime('+10 minutes'));
+
+    // Guardar el código y la expiración en la tabla de recuperación de contraseñas
+    $insert = "INSERT INTO recuperacion_password (email, codigo, expiracion) VALUES (?, ?, ?)";
+    $result = sqlsrv_query($conn, $insert, [$emailEncrypted, $codigo, $expira]);
+
+    if (!$result) {
+        die("❌ Error al guardar el código de recuperación.");
+    }
+
+     // Enviar correo con el código utilizando PHPMailer
+    try {
+        $mail = new PHPMailer(true);
+        
+        // Configuración de servidor SMTP
+        $mail->isSMTP();
+        $mail->Host = 'secure.emailsrvr.com';
+        $mail->SMTPAuth = true;
+        $mail->Username = 'noreply@aduanasoft.com.mx';
+        $mail->Password = $_ENV['SMTP_PASS'];
+        $mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS;
+        $mail->Port = 587;
+
+        // Configuración del correo
+        $mail->setFrom('noreply@aduanasoft.com.mx', 'SIIH | AduanaSoft');
+        $mail->addAddress($email);
+        $mail->CharSet = 'UTF-8';
+        $mail->isHTML(true);
+        $mail->Subject = 'Código de recuperación de contraseña';
+
+        // Cuerpo del correo
+        $mail->Body = "
+        <div style='font-family: Segoe UI, sans-serif; background-color: #f4f6f9; padding: 40px;'>
+          <div style='max-width: 600px; margin: auto; background: #fff; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;'>
+            <div style='background: linear-gradient(to right, #003366, #0055A5); padding: 20px; text-align: center;'>
+              <h2 style='color: white;'>Recupera tu contraseña</h2>
+            </div>
+            <div style='padding: 30px; color: #333; font-size: 16px;'>
+              <p>Hola,</p>
+              <p>Has solicitado recuperar tu contraseña. Aquí está tu código de recuperación:</p>
+              <h3 style='font-size: 24px; color: #0055A5;'>$codigo</h3>
+              <p>Este código expira en 10 minutos.</p>
+              <p>Si no solicitaste este código, por favor ignora este correo.</p>
+            </div>
+            <div style='background: #e9ecef; text-align: center; padding: 15px; font-size: 13px; color: #666;'>
+              &copy; " . date('Y') . " SIIH · Desarrollado por AduanaSoft
+            </div>
+          </div>
+        </div>";
+
+        // Enviar el correo
+        $mail->send();
+    }  catch (Exception $e) {
+        error_log("Error al enviar correo: {$mail->ErrorInfo}");
+        die("❌ Hubo un error al enviar el correo. Intenta más tarde.");
+    }
+
+    $_SESSION['email_recuperacion'] = $email;
+    header('Location: /IMPORTADORES/login/verificarCodigoVista');
+    exit;
+}
+
+function verificarCodigoVista()
+{
+    include __DIR__ . '/../../views/login/verificar_codigo.php';
+}
+
+function verificarCodigo()
+{
+    $conn = getConnection();
+    $codigo = $_POST['codigo'] ?? '';
+    $email = $_SESSION['email_recuperacion'] ?? '';
+
+    if (!$codigo || !$email) {
+        die("❌ Código o correo faltante.");
+    }
+
+    // Encriptar el correo ingresado
+    $emailEncrypted = encrypt($email);
+
+    // Consultar el código de recuperación y su expiración desde la base de datos
+    $sql = "SELECT codigo, expiracion FROM recuperacion_password WHERE email = ? ORDER BY id DESC";
+    $stmt = sqlsrv_query($conn, $sql, [$emailEncrypted]);
+
+    $row = sqlsrv_fetch_array($stmt, SQLSRV_FETCH_ASSOC);
+
+    if (!$row || $codigo != $row['codigo']) {
+        die("❌ Código incorrecto.");
+    }
+
+    if (strtotime($row['expiracion']->format('Y-m-d H:i:s')) < time()) {
+        die("⏰ El código ha expirado.");
+    }
+
+    $_SESSION['recuperacion_autorizada'] = true;
+    header('Location: /IMPORTADORES/login/cambiarPasswordVista');
+    exit;
+}
+
+function cambiarPasswordVista()
+{
+    if (session_status() === PHP_SESSION_NONE) {
+        session_start();
+    }
+    if (!isset($_SESSION['recuperacion_autorizada'])) {
+        header('Location: /IMPORTADORES/login');
+        exit;
+    }
+    include __DIR__ . '/../../views/login/cambiar_password.php';
+}
+
+function cambiarPassword()
+{
+    if (!isset($_SESSION['recuperacion_autorizada']) || !isset($_SESSION['email_recuperacion'])) {
+        die("⚠️ Acceso no autorizado.");
+    }
+
+    $conn = getConnection();
+    $password = $_POST['password'] ?? '';
+    $confirmar = $_POST['confirmar'] ?? '';
+
+    // Validaciones
+    if (strlen($password) < 6) {
+        die("❌ La contraseña debe tener al menos 6 caracteres.");
+    }
+
+    if ($password !== $confirmar) {
+        die("❌ Las contraseñas no coinciden.");
+    }
+
+    $email = $_SESSION['email_recuperacion'];
+
+    // 🔐 Usa encrypt() en vez de hash() para coincidir con lo que hay en la base de datos
+    $emailEncrypted = encrypt($email);
+    $hash = password_hash($password, PASSWORD_BCRYPT);
+
+    // Actualizar contraseña
+    $sql = "UPDATE usuarios_sistema SET password_hash = ? WHERE email = ?";
+    $stmt = sqlsrv_prepare($conn, $sql, [$hash, $emailEncrypted]);
+
+    if (!$stmt || !sqlsrv_execute($stmt)) {
+        die("❌ Error al actualizar la contraseña. Intenta nuevamente.");
+    }
+
+     // Enviar correo de confirmación
+    try {
+        $mail = new PHPMailer(true);
+        
+        // Configuración de servidor SMTP
+        $mail->isSMTP();
+        $mail->Host = 'secure.emailsrvr.com';
+        $mail->SMTPAuth = true;
+        $mail->Username = 'noreply@aduanasoft.com.mx';
+        $mail->Password = $_ENV['SMTP_PASS'];
+        $mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS;
+        $mail->Port = 587;
+
+        // Configuración del correo
+        $mail->setFrom('noreply@aduanasoft.com.mx', 'SIIH | AduanaSoft');
+        $mail->addAddress($email);
+        $mail->CharSet = 'UTF-8';
+        $mail->isHTML(true);
+        $mail->Subject = 'Confirmación de cambio de contraseña';
+
+        // Cuerpo del correo
+        $mail->Body = "
+            <div style='font-family: Segoe UI, sans-serif; background-color: #f4f6f9; padding: 40px;'>
+            <div style='max-width: 600px; margin: auto; background: #fff; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;'>
+                <div style='background: linear-gradient(to right, #003366, #0055A5); padding: 20px; text-align: center;'>
+                <h2 style='color: white;'>Contraseña actualizada</h2>
+                </div>
+                <div style='padding: 30px; color: #333; font-size: 16px;'>
+                <p>Hola,</p>
+                <p>Te informamos que tu contraseña ha sido <strong>cambiada exitosamente</strong>.</p>
+                <p>Si tú no realizaste esta acción, te recomendamos restablecer tu contraseña inmediatamente o contactar al área de soporte.</p>
+                </div>
+                <div style='background: #e9ecef; text-align: center; padding: 15px; font-size: 13px; color: #666;'>
+                &copy; " . date('Y') . " SIIH · Desarrollado por AduanaSoft
+                </div>
+            </div>
+            </div>";
+
+        $mail->send();
+    } catch (Exception $e) {
+        error_log("Error al enviar correo de confirmación: {$mail->ErrorInfo}");
+        // No se detiene el proceso si falla el correo
+    }
+
+    // Limpiar sesión
+    unset($_SESSION['recuperacion_autorizada']);
+    unset($_SESSION['email_recuperacion']);
+
+    $_SESSION['login_success'] = 'Tu contraseña ha sido cambiada exitosamente. Inicia sesión.';
+    header('Location: /IMPORTADORES/login');
+    exit;
+}

script_table.txt

@@ -0,0 +1,6 @@
+CREATE TABLE recuperacion_password (
+    id INT IDENTITY(1,1) PRIMARY KEY,
+    email NVARCHAR(255) NOT NULL,
+    codigo NVARCHAR(10) NOT NULL,
+    expiracion DATETIME NOT NULL
+);

views/login/cambiar_password.php

@@ -0,0 +1,149 @@
+<?php
+$nombre        = $config['nombre_plataforma'] ?? 'Sistema Integral para Importadores de Hidrocarburos';
+$siglas        = $config['siglas'] ?? 'SIIH';
+$logo          = $config['logo_url'] ?? 'assets/img/logo_siih.png';
+$color1        = explode(',', $config['colores_primarios'] ?? '#003366,#0055A5')[0];
+$color2        = explode(',', $config['colores_primarios'] ?? '#003366,#0055A5')[1];
+$mantenimiento = $config['modo_mantenimiento'] ?? 0;
+$mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encuentra en mantenimiento temporal. Por favor, vuelve más tarde.';
+?>
+
+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <title><?= htmlspecialchars($siglas) ?> | Recuperación de Contraseña</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
+
+  <style>
+    body {
+      background-color: #f4f6f9;
+      font-family: 'Segoe UI', sans-serif;
+      position: relative;
+      height: 100vh;
+    }
+
+    .navbar {
+      background-color: #fff;
+    }
+
+    .navbar .nav-link, .navbar-brand {
+      color: <?= $color1 ?> !important;
+      font-weight: 500;
+    }
+
+    .logo-siih {
+      height: 90px;
+      margin-right: 10px;
+    }
+
+    .login-container {
+      max-width: 420px;
+      margin: 80px auto;
+      background: white;
+      padding: 40px;
+      border-radius: 12px;
+      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
+      z-index: 10;
+      position: relative;
+    }
+
+    .form-control {
+      border-radius: 6px;
+    }
+
+    footer {
+      background-color: #e9ecef;
+      padding: 20px;
+      text-align: center;
+      font-size: 14px;
+      color: #666;
+      margin-top: 60px;
+    }
+
+    /* Contenedor de fondo semitransparente para las vistas */
+    .overlay {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.5);
+      z-index: 5;
+    }
+  </style>
+</head>
+<body>
+
+  <!-- Navbar institucional -->
+  <nav class="navbar navbar-expand-lg">
+    <div class="container">
+      <a class="navbar-brand d-flex align-items-center text-dark" href="#">
+        <img src="/IMPORTADORES/public/<?= htmlspecialchars($logo) ?>" alt="Logo" class="logo-siih">
+        | Inicio de Importador
+      </a>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
+        <ul class="navbar-nav">
+          <li class="nav-item">
+            <a class="nav-link" href="/IMPORTADORES/">Inicio</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link " aria-current="page" href="/IMPORTADORES/registro">Registro</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link active" href="/IMPORTADORES/login">Inicio sesión</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+
+  <?php if ($mantenimiento): ?>
+    <div class="container mt-4">
+      <div class="alert alert-danger text-center" role="alert">
+        <i class="fas fa-triangle-exclamation me-2"></i>
+        <?= htmlspecialchars($mensajeMantenimiento) ?>
+      </div>
+    </div>
+  <?php endif; ?>
+
+  <!-- Overlay (fondo semitransparente) que cubre la pantalla -->
+  <div class="overlay"></div>
+
+  <!-- Formulario de cambio de contraseña -->
+  <div class="login-container">
+        <h4 class="mb-4 text-center" style="color:<?= $color1 ?>">Cambiar contraseña</h4>
+
+        <form action="/IMPORTADORES/login/cambiarPassword" method="POST">
+        <div class="mb-3">
+            <label class="form-label">Nueva contraseña:</label>
+            <input type="password" name="password" required class="form-control">
+        </div>
+
+        <div class="mb-3">
+            <label class="form-label">Confirmar contraseña:</label>
+            <input type="password" name="confirmar" required class="form-control">
+        </div>
+
+        <button type="submit" class="btn btn-warning w-100">Cambiar contraseña</button>
+
+        <?php if (isset($_SESSION['cambiar_error'])): ?>
+            <div class="text-danger mt-2"><?= $_SESSION['cambiar_error'] ?></div>
+            <?php unset($_SESSION['cambiar_error']); endif; ?>
+        </form>
+    </div>
+
+  <!-- FOOTER -->
+  <footer class="fixed-bottom">
+    &copy; <?= date('Y') ?> <?= htmlspecialchars($siglas) ?> · <?= htmlspecialchars($nombre) ?>
+  </footer>
+
+</body>
+</html>

views/login/index.php

@@ -125,6 +125,11 @@ $mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encue
       <div class="d-grid">
         <button type="submit" class="btn btn-primary">Iniciar sesión</button>
       </div>
+      <div class="mb-3 text-end">
+        <div style="display: flex; justify-content: center;">
+          <a href="/IMPORTADORES/login/recuperar" class="text-decoration-none">¿Olvidaste tu contraseña?</a>
+        </div>
+      </div>
     </form>
   </div>
 
@@ -133,6 +138,5 @@ $mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encue
     &copy; <?= date('Y') ?> <?= htmlspecialchars($siglas) ?> · <?= htmlspecialchars($nombre) ?> 
   </footer>
 
-
 </body>
 </html>

views/login/recuperar.php

@@ -0,0 +1,141 @@
+<?php
+$nombre        = $config['nombre_plataforma'] ?? 'Sistema Integral para Importadores de Hidrocarburos';
+$siglas        = $config['siglas'] ?? 'SIIH';
+$logo          = $config['logo_url'] ?? 'assets/img/logo_siih.png';
+$color1        = explode(',', $config['colores_primarios'] ?? '#003366,#0055A5')[0];
+$color2        = explode(',', $config['colores_primarios'] ?? '#003366,#0055A5')[1];
+$mantenimiento = $config['modo_mantenimiento'] ?? 0;
+$mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encuentra en mantenimiento temporal. Por favor, vuelve más tarde.';
+?>
+
+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <title><?= htmlspecialchars($siglas) ?> | Recuperación de Contraseña</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
+
+  <style>
+    body {
+      background-color: #f4f6f9;
+      font-family: 'Segoe UI', sans-serif;
+      position: relative;
+      height: 100vh;
+    }
+
+    .navbar {
+      background-color: #fff;
+    }
+
+    .navbar .nav-link, .navbar-brand {
+      color: <?= $color1 ?> !important;
+      font-weight: 500;
+    }
+
+    .logo-siih {
+      height: 90px;
+      margin-right: 10px;
+    }
+
+    .login-container {
+      max-width: 420px;
+      margin: 80px auto;
+      background: white;
+      padding: 40px;
+      border-radius: 12px;
+      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
+      z-index: 10;
+      position: relative;
+    }
+
+    .form-control {
+      border-radius: 6px;
+    }
+
+    footer {
+      background-color: #e9ecef;
+      padding: 20px;
+      text-align: center;
+      font-size: 14px;
+      color: #666;
+      margin-top: 60px;
+    }
+
+    /* Contenedor de fondo semitransparente para las vistas */
+    .overlay {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.5);
+      z-index: 5;
+    }
+  </style>
+</head>
+<body>
+
+  <!-- Navbar institucional -->
+  <nav class="navbar navbar-expand-lg">
+    <div class="container">
+      <a class="navbar-brand d-flex align-items-center text-dark" href="#">
+        <img src="/IMPORTADORES/public/<?= htmlspecialchars($logo) ?>" alt="Logo" class="logo-siih">
+        | Inicio de Importador
+      </a>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
+        <ul class="navbar-nav">
+          <li class="nav-item">
+            <a class="nav-link" href="/IMPORTADORES/">Inicio</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link " aria-current="page" href="/IMPORTADORES/registro">Registro</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link active" href="/IMPORTADORES/login">Inicio sesión</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+
+  <?php if ($mantenimiento): ?>
+    <div class="container mt-4">
+      <div class="alert alert-danger text-center" role="alert">
+        <i class="fas fa-triangle-exclamation me-2"></i>
+        <?= htmlspecialchars($mensajeMantenimiento) ?>
+      </div>
+    </div>
+  <?php endif; ?>
+
+  <!-- Overlay (fondo semitransparente) que cubre la pantalla -->
+  <div class="overlay"></div>
+
+  <!-- Formulario de recuperación de contraseña -->
+  <div class="login-container">
+    <h4 class="mb-4 text-center text-dark">Recuperar Contraseña</h4>
+    <form action="/IMPORTADORES/login/enviarCodigo" method="POST">
+      <div class="mb-3">
+        <label class="form-label">Ingresa tu correo</label>
+        <input type="email" name="email" class="form-control" required>
+      </div>
+      <button type="submit" class="btn btn-primary">Enviar código</button>
+      <?php if (isset($_SESSION['recuperar_error'])): ?>
+        <div class="text-danger"><?= $_SESSION['recuperar_error'] ?></div>
+      <?php unset($_SESSION['recuperar_error']); endif; ?>
+    </form>
+  </div>
+
+  <!-- FOOTER -->
+  <footer class="fixed-bottom">
+    &copy; <?= date('Y') ?> <?= htmlspecialchars($siglas) ?> · <?= htmlspecialchars($nombre) ?>
+  </footer>
+
+</body>
+</html>

views/login/verificar_codigo.php

@@ -0,0 +1,144 @@
+<?php
+$nombre        = $config['nombre_plataforma'] ?? 'Sistema Integral para Importadores de Hidrocarburos';
+$siglas        = $config['siglas'] ?? 'SIIH';
+$logo          = $config['logo_url'] ?? 'assets/img/logo_siih.png';
+$color1        = explode(',', $config['colores_primarios'] ?? '#003366,#0055A5')[0];
+$color2        = explode(',', $config['colores_primarios'] ?? '#003366,#0055A5')[1];
+$mantenimiento = $config['modo_mantenimiento'] ?? 0;
+$mensajeMantenimiento = $config['mensaje_mantenimiento'] ?? 'El sistema se encuentra en mantenimiento temporal. Por favor, vuelve más tarde.';
+?>
+
+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <title><?= htmlspecialchars($siglas) ?> | Recuperación de Contraseña</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
+
+  <style>
+    body {
+      background-color: #f4f6f9;
+      font-family: 'Segoe UI', sans-serif;
+      position: relative;
+      height: 100vh;
+    }
+
+    .navbar {
+      background-color: #fff;
+    }
+
+    .navbar .nav-link, .navbar-brand {
+      color: <?= $color1 ?> !important;
+      font-weight: 500;
+    }
+
+    .logo-siih {
+      height: 90px;
+      margin-right: 10px;
+    }
+
+    .login-container {
+      max-width: 420px;
+      margin: 80px auto;
+      background: white;
+      padding: 40px;
+      border-radius: 12px;
+      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
+      z-index: 10;
+      position: relative;
+    }
+
+    .form-control {
+      border-radius: 6px;
+    }
+
+    footer {
+      background-color: #e9ecef;
+      padding: 20px;
+      text-align: center;
+      font-size: 14px;
+      color: #666;
+      margin-top: 60px;
+    }
+
+    /* Contenedor de fondo semitransparente para las vistas */
+    .overlay {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.5);
+      z-index: 5;
+    }
+  </style>
+</head>
+<body>
+
+  <!-- Navbar institucional -->
+  <nav class="navbar navbar-expand-lg">
+    <div class="container">
+      <a class="navbar-brand d-flex align-items-center text-dark" href="#">
+        <img src="/IMPORTADORES/public/<?= htmlspecialchars($logo) ?>" alt="Logo" class="logo-siih">
+        | Inicio de Importador
+      </a>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
+        <ul class="navbar-nav">
+          <li class="nav-item">
+            <a class="nav-link" href="/IMPORTADORES/">Inicio</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link " aria-current="page" href="/IMPORTADORES/registro">Registro</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link active" href="/IMPORTADORES/login">Inicio sesión</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+
+  <?php if ($mantenimiento): ?>
+    <div class="container mt-4">
+      <div class="alert alert-danger text-center" role="alert">
+        <i class="fas fa-triangle-exclamation me-2"></i>
+        <?= htmlspecialchars($mensajeMantenimiento) ?>
+      </div>
+    </div>
+  <?php endif; ?>
+
+  <!-- Overlay (fondo semitransparente) que cubre la pantalla -->
+  <div class="overlay"></div>
+
+  <!-- Formulario de validación de código -->
+  <div class="login-container">
+        <h4 class="mb-4 text-center" style="color:<?= $color1 ?>">Verificar código</h4>
+
+        <form action="/IMPORTADORES/login/verificarCodigo" method="POST">
+        <div class="mb-3">
+            <label class="form-label">Ingresa el código recibido:</label>
+            <input type="text" name="codigo" required class="form-control">
+        </div>
+
+        <button type="submit" class="btn btn-success w-100">Verificar</button>
+
+        <?php if (isset($_SESSION['codigo_error'])): ?>
+            <div class="text-danger mt-2"><?= $_SESSION['codigo_error'] ?></div>
+            <?php unset($_SESSION['codigo_error']); endif; ?>
+        </form>
+    </div>
+
+  <!-- FOOTER -->
+  <footer class="fixed-bottom">
+    &copy; <?= date('Y') ?> <?= htmlspecialchars($siglas) ?> · <?= htmlspecialchars($nombre) ?>
+  </footer>
+
+</body>
+</html>