
<!DOCTYPE html>
<html lang='es'>
<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <title>Proceso de Descarga de Archivos desde Dropbox</title>
    <link href='https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css' rel='stylesheet'>
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css'>
    <link href='https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap' rel='stylesheet'>
    <style>
        body {
            font-family: 'Roboto', sans-serif;
            background-color: #f8f9fa;
            color: #333;
            padding: 20px;
        }
        .container {
            max-width: 800px;
            margin: 0 auto;
            background: #fff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }
        h1 {
            color: #007bff;
            font-weight: 700;
            text-align: center;
            margin-bottom: 20px;
        }
        .message {
            padding: 15px;
            margin: 10px 0;
            border-radius: 8px;
            display: flex;
            align-items: center;
            font-size: 0.95em; /* Tamaño de fuente consistente */
            transition: all 0.3s ease;
        }
        .message:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        .success {
            background-color: #d4edda;
            color: #155724;
            border: 1px solid #c3e6cb;
        }
        .warning {
            background-color: #fff3cd;
            color: #856404;
            border: 1px solid #ffeeba;
        }
        .error {
            background-color: #f8d7da;
            color: #721c24;
            border: 1px solid #f5c6cb;
        }
        .info {
            background-color: #d1ecf1;
            color: #0c5460;
            border: 1px solid #bee5eb;
        }
        .icon {
            margin-right: 10px;
            font-size: 1.2em;
        }
		.letra{
			font-family: verdana;
			font-size: 0.7 em;
		}
		.letram{
			font-family: verdana;
			font-size: 1.1 em;
		}
		.letrat{
			font-family: verdana;
			font-size: 1.4 em;
		}
    </style>
</head>
<body>
    <div class='container'>
        <div class='letrat'><h3><i class='fa-solid fa-wand-magic-sparkles'></i>&nbsp;&nbsp;Proceso Consolidado MFOL - Cliente 95.</h3></div><div class='alert alert-info letra'><i class='fas fa-search icon'></i> Iniciando verificación de archivos...</div><div class='alert alert-warning letra'><i class='fas fa-exclamation-triangle'></i> → El fichero de CALI no existe. </div><div class='alert alert-warning letra'><i class='fas fa-exclamation-triangle'></i>→ El fichero de MANIZALES no existe. </div><div class='alert alert-warning letra'><i class='fas fa-exclamation-triangle'></i>→ El fichero de MEDELLIN no existe. </div><div class='alert alert-warning letra'><i class='fas fa-exclamation-triangle'></i>→ El fichero de EJE no existe. </div><div class='alert alert-warning letra'><i class='fas fa-exclamation-triangle'></i>→ El fichero de PEREIRA no existe. </div><div class='alert alert-warning letra'><i class='fas fa-exclamation-triangle'></i>→ El fichero de BUCARAMANGA no existe. </div><div class='message success letra'><i class='fas fa-check-circle icon'></i> Finalizada verificación de archivos.</div><div class='alert alert-success letra'><i class='fas fa-check-circle'></i>&nbsp;&nbsp;Fin proceso de Conexión.</div><div></div><div class='alert alert-info letra'><i class='fa-solid fa-rotate'></i>&nbsp;&nbsp;Iniciando proceso: Consolidado...</div><script>window.location.href='mf22.php';</script></div></body></html>